Jquery通过Ajax方式提交Form表单

最新推荐文章于 2021-08-05 13:08:52 发布

ysyn1209

最新推荐文章于 2021-08-05 13:08:52 发布

阅读量787

点赞数

分类专栏： JavaScript/JQuery/AJAX

本文链接：https://blog.csdn.net/ysyn1209/article/details/48731243

版权

本文介绍了如何利用jQuery的Ajax方法以Map形式便捷地提交Form表单数据，避免逐个获取input值的繁琐操作。示例代码展示了如何将表单数据结构化并传递给Ajax请求，简化了前端开发过程。

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

通Ajax提交数据到服务端的方式是：

jQuery 代码:

$.ajax({
   type: "POST",
   url: "/xxxxx.do",
   data: "name=name",
   success: function(msg){
     alert( msg );
   }
});

如果这种写法的话要提交form表单是每个fom的input都写一次var demo=$("#divname").val();的.

后来,看到一个方法就是.map,就做出一下想法了,可以借鉴哟一下：

html代码如下,下面我要提交Form 的id为dlg_form的所有input数据,

<form id="dlg_form" method="post">
    <div class="fitem">
      <label> 房间:</label>
      <input name="RoomName" style="padding: 2px; width: 135px; border: 1px solid #A4BED4;" required />
    </div>
    <div class="fitem">
      <label> 建筑:</label>
      <input name="RoomName" class="easyui-combobox" style="padding: 2px; width: 141px; " required />
    </div>
    <div class="fitem">
      <label> 部门:</label>
      <input name="RoomName" class="easyui-combobox" style="padding: 2px; width: 141px; " required />
    </div>
    <fiel