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);  
     }  
}); 
相关推荐
砌玉成璧4 小时前
Flask+HTML+Jquery 文件上传下载
flask·html·jquery
程序视点3 天前
【无标题】
jquery·jquery ajax·ajax请求方法·ajax全局事件
付朝鲜4 天前
用自写的jQuery库+Ajax实现了省市联动
java·前端·javascript·ajax·jquery
帆张芳显6 天前
前端EXCEL插件,智表ZCELL产品V3.0 版本发布,底层采用canvas全部重构,功能大幅扩展,性能极致提升,满足千万级单元格加载
前端·重构·excel·jquery·插件·智表
Enti7c8 天前
利用jQuery 实现多选标签下拉框,提升表单交互体验
前端·交互·jquery
梁云亮9 天前
Jquery ajax 提交序列化或JSON数据到后台
json·jquery·序列化
姜太小白20 天前
【前端】jQuery 对数据进行正序排列
前端·javascript·jquery
前端熊猫21 天前
jQuery AJAX、Axios与Fetch
ajax·okhttp·jquery
二月垂耳兔7981 个月前
jQueryHTML与插件
前端·jquery
Enti7c1 个月前
用 HTML、CSS 和 jQuery 打造多页输入框验证功能
css·html·jquery