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 天前
lesson70:jQuery Ajax完全指南:从基础到4.0新特性及现代替代方案引言:jQuery Ajax的时代价值与演进
javascript·ajax·jquery
linuxxx1102 天前
ajax与jQuery是什么关系?
ajax·okhttp·jquery
霍格沃兹_测试2 天前
软件测试 | 测试开发 | 接口测试 Mock 实战(二) | 结合 jq 完成批量化的手工 Mock
jquery
05Nuyoah6 天前
Day 02 HTML的基础
前端·javascript·css·html·firefox·jquery·html5
不要再敲了15 天前
JavaScript与jQuery:从入门到面试的完整指南
javascript·面试·jquery
joan_8518 天前
jquery在文心智能体平台使用API方式部署智能体-AI客服
前端·人工智能·ai·jquery
携欢19 天前
PortSwigger靶场之DOM XSS in jQuery selector sink using a hashchange event通关秘籍
前端·jquery·xss
长城202425 天前
jQuery的$.Ajax方法分析
ajax·jquery·异步提交
♡喜欢做梦1 个月前
jQuery 从入门到实践:基础语法、事件与元素操作全解析
前端·javascript·jquery
盛夏绽放1 个月前
jQuery 知识点复习总览
前端·javascript·jquery