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);  
     }  
}); 
相关推荐
Dxy12393102166 天前
如何使用jQuery获取一类元素并遍历它们
前端·javascript·jquery
橙淮7 天前
jQuery性能优化终极指南
javascript·jquery
XS03010611 天前
Servlet+JQuery实现数据库数据渲染到前端页面
前端·servlet·jquery
Rkgua14 天前
JS中模拟函数重载的使用
javascript·jquery
XiYang-DING16 天前
jQuery
前端·javascript·jquery
Cyan_RA921 天前
SpringMVC REST 详解
java·spring·mvc·springmvc·restful·jquery·jsp
Camellia-lon1 个月前
jQuery购物车实现:从入门到精通
前端·javascript·jquery
斌味代码1 个月前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
Shadow(⊙o⊙)1 个月前
C学习历程的总汇
c语言·学习·jquery
AnalogElectronic1 个月前
PHP学习02,PHP + jQuery + HTML + MySQL+nginx 做一个多用户云笔记项目
学习·php·jquery