form 表单内容序列化成一个字符串

html

html 复制代码
<form id="form1" action="http://localhost:8080/xxx" method="post">    
     <p >关键字1: <input type ="text" name="keyword1" /></p>    
     <p >关键字2: <input type ="text" name="keyword2" /></p>    
     <p >关键字3: <input type ="text" name="keyword3" /></p>    
     <input type ="submit" value="提交"/>    
</form> 

form 表单数据转 json 对象

复制代码
$( '#form1').serialize()

ajax 调用时提交表单数据

js 复制代码
$.ajax({  
     url : "http://localhost:8080/xxx",  
     type : "POST",  
     data : $( '#form1').serialize(),  
     success : function(data) {  
          $( '#serverResponse').html(data);  
     },  
     error : function(data) {  
          $( '#serverResponse').html(data.status + " : " + data.statusText + " : " + data.responseText);  
     }  
}); 
相关推荐
研☆香1 天前
jQuery补充知识点
前端·javascript·jquery
এ慕ོ冬℘゜4 天前
【双月日期范围选择器】博客(可直接交作业 / 上线)
前端·javascript·交互·jquery
এ慕ོ冬℘゜11 天前
手写生产级 jQuery Toast 轻量提示组件|零插件依赖、动画流畅、极简高
前端·javascript·jquery
不考研当牛马14 天前
jQuery 核心速查与实战笔记
jquery
来恩100315 天前
jQuery对Ajax的支持
前端·ajax·jquery
来恩100316 天前
jQuery事件处理方法
前端·javascript·jquery
来恩100320 天前
jQuery选择器
前端·javascript·jquery
@菜菜_达21 天前
jquery.inputmask插件介绍
前端·javascript·jquery
Dxy12393102161 个月前
如何使用jQuery获取一类元素并遍历它们
前端·javascript·jquery
橙淮1 个月前
jQuery性能优化终极指南
javascript·jquery