jquery+ajax实现直接提交表单实例分析
更新时间：2016年06月17日 16:50:21 作者：hbiao68
这篇文章主要介绍了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常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
一款接近完美的jquery浮动层，会随着滚动条而自动滚动，始终维持在页面的中间部分，利用浮动层你可以制作一个QQ在线客服。2011-08-08
Jquery chosen一款选择插件，支持检索，多选，但不支持输入效果，下面与大家分享下其使用示例，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类2011-04-04
本文主要对jquery中用函数来设置css样式的方法进行详细介绍，具有很好的参考价值，下面就跟小编一起来看下吧2016-12-12
jQuery 获取对象 定位子对象，学习jquery 定位子对象的朋友可以参考下。2010-05-05
在本篇文章里小编给大家整理的是一篇关于jquery向后台提交数组的相关知识点内容，需要的朋友们可以参考学习下。2020-02-02
模板的使用在jqery中还是比较广泛的，在本文有个不错的示例，大家可以参考下2013-11-11
这篇文章介绍了基于jQuery实现的一个简单大方的垂直导航菜单，过度平滑,需要的朋友可以参考下2015-08-08
本文是jQuery结合ajax实现的异步提交表单的代码，是个人项目中提取出来的，分享给大家，有需要的小伙伴可以参考下。2015-03-03
这篇文章主要介绍了easyUI使用分页过滤器对数据进行分页操作,结合实例形式详细分析了easyUI分页过滤器对数据进行分页操作具体步骤与相关操作技巧,需要的朋友可以参考下2020-06-06
最新评论