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);  
     }  
}); 
相关推荐
Camellia-lon9 天前
jQuery购物车实现:从入门到精通
前端·javascript·jquery
斌味代码13 天前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
Shadow(⊙o⊙)15 天前
C学习历程的总汇
c语言·学习·jquery
AnalogElectronic15 天前
PHP学习02,PHP + jQuery + HTML + MySQL+nginx 做一个多用户云笔记项目
学习·php·jquery
kyriewen1119 天前
每日知识点:this 指向之谜——是谁在 call 我?
前端·javascript·vue.js·前端框架·ecmascript·jquery·html5
信创DevOps先锋1 个月前
本土化突围:Gitee如何重新定义企业级项目管理工具价值
前端·gitee·jquery
gCode Teacher 格码致知1 个月前
Javascript提高:get和post等请求,对于汉字和空格信息进行编码的原则-由Deepseek产生
开发语言·前端·javascript·node.js·jquery
1-1=01 个月前
ExtJS 快速入门—— 面板 详细版
前端·jquery
happymaker06261 个月前
web前端学习日记——DAY08(jQuery,json文件格式,bootstrap)
前端·学习·jquery
小同志001 个月前
JQuery
前端·javascript·jquery