Ajax模仿form表单提交以及jquery的param()方法

最新推荐文章于 2024-08-10 10:11:23 发布

yesicatt

最新推荐文章于 2024-08-10 10:11:23 发布

阅读量3.4k

点赞数

分类专栏： js web

本文链接：https://blog.csdn.net/yesicatt/article/details/75427124

版权

本文详细介绍了jQuery的param()方法，它用于创建数组或对象的序列化表示，常用于AJAX请求的URL查询字符串。param()方法在jQuery 1.3和1.4版本中有不同的行为，1.4版开始支持深度递归序列化，但需要注意数组和对象序列化时可能遇到的问题。同时提到了.serializeArray()方法在处理数组时的应用。

摘要由CSDN通过智能技术生成

最近项目遇到一个表单参数传递问题：
后台resful接口定义参数接受类型是restEasy的@FormParams 而页面是直接ajax调用接口，没遇到过这种情况，需要接口接收到自己组装的参数体
查了下找到如下解决办法：

$http({
method : 'POST',
url : '/role/edit',
data : $.param($scope.formData), // pass in data as strings
headers : { 'Content-Type': 'application/x-www-form-urlencoded' } 
// set the headers so angular passing info as form data (not request payload)
}) .success(function(data) {
console.log(data);

}) .error(function(data) {
console.log(data);

})

关键点有两个：
1.数据传输格式：序列化
data : $.param($scope.formData), // pass in data as strings
2：设置内容类型
'Content-Type': 'applic