Jquery 传json格式数据到后台,后台反序列化得到一个集合list

最新推荐文章于 2022-01-26 08:42:00 发布

原创最新推荐文章于 2022-01-26 08:42:00 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery前台封装json传到后台

收录于

jquery前台封装json传到后台专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery库和AJAX技术将HTML表单数据序列化并发送到服务器的方法。通过实例展示了如何获取表单元素的值，并将其转换为JSON格式的数据进行POST请求。

<form
 id="ff">

  <input
 type="text"

name="test1"/>

  <input
 type="text"

name="test2"/>

  <input
 type="text"

name="test3"/>

  <input
 type="text"

name="test4"/>

  <input
 type="button"

id="save"

value="save"/>

</form>

$("#save").on("click",
function

() { 

 var

params = $("#ff").serializeArray();

 var

j = {}; 

 for

(var

item in

params) { 

   j[params[item].name]
 = params[item].value; 

 }

 $.ajax({

   url:'index.html',

   data:JSON.stringify(j),

   type:'post',

   dataType:'json',

   headers:{

 Accept:"application/json",

 "Content-Type":"application/json"

   },

   processData:false,

   cache:false

 }).done(function

(data) { 

 });

});