如何在angularjs中将参数传递给$ http？

Question

假设我有两个输入框,其对应的ng-model为fname和lname.如果我将http请求称为:

$http({method:'GET', url:'/search', params:{fname: fname, lname: lname}})

它会调用网址:

/search?fname=fname&lname=lname

我在后端(python)得到的错误是:

cannot concatenate str and nontype objects.

这些参数不是作为字符串发送的吗？如果没有,如何解决这个问题？

Answer 1

这是你如何做到的:

$http.get("/url/to/resource/", {params:{"param1": val1, "param2": val2}})
    .then(function (response) { /* */ })...

Angular负责编码参数.

Maxim Shoustin的答案不起作用({method:'GET', url:'/search', jsonData}不是一个有效的JavaScript文字)和JeyTheva的答案虽然简单,但是很危险,因为它允许XSS(连接它们时不会转义不安全的值).

Answer 2

将URL构建'/search'为字符串.喜欢

"/search?fname="+fname"+"&lname="+lname

其实我没用过

 `$http({method:'GET', url:'/search', params:{fname: fname, lname: lname}})` 

但我确信"params"应该是JSON.stringify这样的POST

var jsonData = JSON.stringify(
    {
        fname: fname,
        lname: lname 
    }
);

后:

$http({
  method:'GET',
  url:'/search',
  params: jsonData
});