角度表单提交获取操作附加键值对答案

【问题标题】：angular form submit get action append key value pairs角度表单提交获取操作附加键值对
【发布时间】：2023-03-18 07:47:01
【问题描述】：

我的目标是关闭表单提交以执行获取，并作为 uri 的一部分附加如下键值对： // 获取 /pets/42;q=11;r=22 阅读http://www.w3schools.com/tags/att_form_method.asp 将表单方法设置为“获取”的表单描述我原以为这是可能的。在 Angular 的世界中，提交表单的预期行为似乎会导致 post 方法。可以编写控制器来生成任何 http 动词，但 $http.get 不会自动执行普通格式的 get 方法，并且要生成像上面这样的 url，控制器必须自己构建 uri。我对总是使用表单提交后的担忧是这种情况下的表单是查询/搜索操作的一部分，而不是数据创建练习。也许这不是使用表单的正确方法，但是对于具有 $http.get 服务的表单，角度消除了键值对中控件的自动附加值？

【问题讨论】：

在正常情况下，当表单方法为 GET 并且用户提交表单时，URL 会更改以反映表单中的 action 属性 - 我是否正确？我可以根据这个来回答...

标签： angularjs forms ng-submit

【解决方案1】：

当然，您可以使用 url 中的查询参数进行 GET。

最简单的方法是将表示键/值对的对象传递给$http 配置对象的params 属性。

var params = {q: 11, r:22};
$.get('/path/to/server/', {params: params}).then(....

或者，当您只有少量参数时，您也可以创建自己的 url 字符串。

更多详情请阅读$http docs的使用部分

【讨论】：