jquery+ajax实现直接提交表单实例分析
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了jquery+ajax直接提交表单的方法,涉及jQuery调用ajax进行表单提交所涉及的表单序列化、数值传递与处理、回调函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考，具体如下：
这里给出查看帮助文档的例子
<script src="jquery-1.4.4.js"></script>
<script>
$(function(){
$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
});
</script>
<p id="results"><b>Results: </b> </p>
<form>
<select name="single">
<option>Single</option>
<option>Single2</option>
</select>
<select name="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" name="check" value="check1"/> check1
<input type="checkbox" name="check" value="check2" checked="checked"/> check2
<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
<input type="radio" name="radio" value="radio2"/> radio2
</form>
界面显示的内容是
直接使用ajax提交表单传递参数
$.ajax({
type: "POST",
url: url,
data: $('#form1').serialize(),
success: function(msg){
alert( "Data Saved: " + msg );
}
});
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。