手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery+ajax实现直接提交表单实例分析
jquery+ajax实现直接提交表单实例分析
摘要:本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考,具体如下:这里给出查看帮助文档的例子$(function(...

本文实例讲述了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>

界面显示的内容是

jquery+ajax实现直接提交表单实例分析1

直接使用ajax提交表单传递参数

$.ajax({ type: "POST", url: url, data: $('#form1').serialize(), success: function(msg){ alert( "Data Saved: " + msg ); } });

希望本文所述对大家jQuery程序设计有所帮助。

【jquery+ajax实现直接提交表单实例分析】相关文章:

js实现简单div拖拽功能实例

jQuery实现首页图片淡入淡出效果的方法

jQuery实现弹出窗口中切换登录与注册表单

jquery实现动态改变div宽度和高度

jQuery实现表格行上下移动和置顶效果

javascript动态设置样式style实例分析

JavaScript实现Iterator模式实例分析

js实现键盘Enter键提交表单的方法

jquery实现弹出层效果实例

js实现简单锁屏功能实例

精品推荐
分类导航