使用角度js传递带有ajax的复选框数组

时间:2015-07-30 07:22:48

标签: javascript ajax angularjs

我需要做一个ajax GET请求,提交一个复选框数组(所有这些都是同名的): 例如:

  

输入[] =新

     

type [] = used

     

输入[] =翻新

这是我尝试访问的API所必需的。但是我不知道如何实现这一点。

除了这些复选框之外,我还使用了其他所有API。

这是复选框的定义方式:

 self.types = ['new', 'used', 'refurbished'];
 //....
           <label ng-repeat="type in search.types">
                <input
                        type="checkbox"
                        name="type[]"
                        value="{{type}}"
                        > {{type}}
            </label>

这就是我要添加要发送给API的值,例如:

 dataObj['price'] = $scope.formData.max_price;
//need to do similar as this for the type[] checkboxes

然后他们被发送到API:

  return $http({
                url: APIUrl + "search/",
                method: "GET",
                params: dataObj
  });
  //etc

因此,发布到API的参数需要如下所示:

 price = 400000
 type[] = new
 type[] = refurbished
 //NB: "used" wasn't submitted as the "used" checkbox wasn't checked

^这不灵活,它是API所必需的。

非常感谢

1 个答案:

答案 0 :(得分:0)

使用ng-model =“checkbox1”,ng-model =“checkbox2”,ng-model =“checkbox3”并将它们收集到对象中。

data = { 价格:价格, type1:checkbox1, type2:checkbox2, type3:checkbox3 }