Question

我根本找不到合适的问题答案。我对Angular很新，并且对$ http请求有一个简单的问题。我有一个表单设置，用户可以在这里输入一个地点和一个时间，例如很多人。

现在我想使用这三个用户输入从我的服务器获取数据，以提供用户请求的答案。

<input type="text" placeholder="bla1" class="form-control" ng-model="formData.input1">
<input type="text" placeholder="bla2" class="form-control" ng-model="formData.input2">
<input type="text" placeholder="bla3" class="form-control" ng-model="formData.input3">

显然，我现在可以将它们全部发布到ng-submit上的formatData。但我想使用此信息来检索数据并发出get $http请求。

我认为params和data属性是要更改和利用的属性。

有人可以向我解释一下这是如何工作的，或者一般来说表格输入如何用来指定$ http请求？

非常感谢大家！

Answer 1

首先，您应该阅读此$http以便更好地了解它;

要使用Get，您必须使用您将在基本网址后添加的输入构建查询字符串。

 var completeUrl = baseUrl + "?input1="+ formData.input1 
                     + "&input2=" + formData.input2 //and the same for input 3
 $http({method: 'GET', url: completeUrl}).
 success(function(data, status, headers, config) {
    // here data contains all informations returned by the server
 }).
 error(function(data, status, headers, config) {
    //In case your server respond with a 4XX or 5XX error code
 });

您只需将其放入范围函数并使用ng-submit

调用即可调用此代码

$scope.submitFunction = function() { .. }

在你的模板中

<form ng-submit="submitFunction()" >

Answer 2

您可以根据响应是对象还是数组来使用get或query函数。

$http.get(url,{params:{'item1':formData.input1,'item2':formData.input2,'item3':formData.input3}});

此数据将以查询字符串形式显示。

url?item1=data&item2=data&item3=data

Answer 3

您可以尝试使用$http.get(url,{value1: your.form.input})来使用您的自定义值获取http！

$ http获取表单请求

3 个答案: