在AngularJS中，$http服务用于与远程HTTP服务器通信。当我们需要从服务器获取数据时，可以使用$http.get方法发送GET请求。有时候，我们需要传递一些参数给服务器以获取特定的数据。本文将介绍如何在AngularJS中传递数据到$http.get请求。
传递参数
要向$http.get请求传递参数，我们可以将这些参数添加到URL字符串中。例如：
$http.get('/api/contacts?name=John&age=25')在这个例子中，我们向服务器发送了一个GET请求，请求的URL为/api/contacts，同时也传递了两个参数：name和age。服务器端代码可以通过解析URL查询字符串来获取这些参数。
但是，如果需要传递的参数比较多，或者参数的值比较复杂，可以考虑使用JSON对象来传递参数。例如：
-- -------------------- ---- -------
--- ------ - -
----- -------
---- ---
-------- -
----- ---- ------
------ ----
-
--
-------------------------- -------- --------在这个例子中，我们定义了一个名为params的JSON对象，其中包含三个参数：name、age和address。其中，address又是一个包含两个子参数的对象。我们使用{params: params}的方式将这个JSON对象传递给$http.get方法。
获取参数
在服务器端，我们可以使用不同的语言和框架，如Node.js、PHP、Java等来获取这些参数。以Node.js为例，我们可以使用querystring模块来解析URL查询字符串。例如：
-- -------------------- ---- ------- --- ---- - ---------------- --- --- - --------------- --- ----------- - ----------------------- ------------------------------- ---- - --- --------- - ------------------- --- ----- - ----------------------------------- ------------------------ -- ------ ----------------------- -- ---- -------------------------------- -- ----- ---- --------------------------------- -- ---- ----------------
在这个例子中，我们使用Node.js创建了一个HTTP服务器，并使用url.parse方法解析了请求的URL。然后，我们使用querystring.parse方法解析URL查询字符串，并输出了其中的参数值。
示例代码
下面是一个完整的AngularJS控制器示例，该控制器通过$http.get方法向服务器传递参数，并将服务器返回的数据保存到$scope.contacts中：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------------- ------ -
--- ------ - -
----- -------
---- ---
-------- -
----- ---- ------
------ ----
-
--
-------------------------- -------- --------
------------------------ -
--------------- - --------------
---
---在这个例子中，我们将该控制器声明在名为myApp的AngularJS模块中，并注入了$scope和$http服务。然后，我们定义了一个名为params的JSON对象，并使用$http.get方法向服务器发送GET请求，并将参数传递给这个方法。最后，在成功响应后，我们将服务器返回的数据保存到$scope.contacts中，以在页面中显示。
总结
在AngularJS中，我们可以通过URL字符串或JSON对象来传递参数到$http.get请求中。在服务器端，我们可以使用不同的语言和框架来解析这些参数。希望本文能够对你理解AngularJS中如何传递数据到$http.get请求有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24989