在做web应用时常常会遇到 一些异步操作的要求
没事就谢谢ajax呗
不过 好在有jQuery 来搞,这样少了很多事
下面给出jQuery ajax调用的方式作为自己的备忘吧:
首先是要引入jQuery.js的文件哦
<script> $(function() { jQuery.ajax(function() { url:xxx.htm, dataType:json, data:{a:'你好',b:'测试'}, success: function(result) { // todo写出数据返回成功的内容 }, async:false, error:function(XMLHttpRequest, textStatus, errorThrown) { // todo 写出异常时候的内容 } }); }); </script>
这样请求很方便的实现对数据的请求
不过有的时候我们提交表单的时候也是需要使用ajax的
呵呵 还好jQuery已经给我们想到了:
我们可以使用form.js文件
看着网上的说明搞搞呗:
$('#xxxForm').submit(function() { var options = { beforeSubmit:function() {// 没有提交前的业务}, dataType:json, success:function(responseText, statusText) { //TODO 执行成功的时候的业务 其中responseText是返回的json串, // statusText是否成功 我看到过成功了是success,失败还没有试过 } }; $('#xxxForm').ajaxSubmit(options); return false;//网上说这个还是挺重用的哦,防止页面刷新。。。 });
主要的就是这么多了 详细的可以去 http://jquery.malsup.com/form/#ajaxSubmit 这个网址学习学习哦
呵呵 最后发现是看中文的 讲解 还不如去官网上搞搞。
相关推荐
jquery form ajax 插件
form id="form"> <input type="text" name="username"> <input type="file" name="file"> <input type="button" id="btn" value="提交"> </form> [removed][removed] [removed] ...
Ajax表单提交插件jquery form
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
jqueryForm ajaxForm 无刷新提交form
NULL 博文链接:https://zlk.iteye.com/blog/628399
用jQuery实现Ajaxform表单提交! 实现过滤乱码! 解决乱码!
使用jQuery.form插件,实现完美的表单异步提交
该资源包含了一个使用jquery提交表单的代码,简单易懂,喜欢的下载。
提交Form表单的方法有很多,在本文为大家介绍下Jquery通过Ajax方式是如何提交Form表单的
本文就是介绍了ajaxForm()的应用. 一、ajaxForm() 介绍 ajaxForm预处理将要使用 AJAX 方式提交的表单,将所有需要用到的事件监听器添加到其中。它不是提交这个表单。 在页面的ready函数里使用ajaxForm来给你页面...
jquery的一个form插件,通过很简单的ajaxForm和ajaxSubmit两个函数,就可以自动获取指定表单的所有信息并提交,省略手写jquery的ajax函数的繁琐过程。文件里除了这个插件拥有的一些函数外,还包含函数使用的解释代码...
ajaxfrom 异步上传文件图片所需jqueryform.js
Jquery-Ajax各种获取方式 <body> <input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type=...
ajaxForm插件
jquery.form.js,这是一个完美提交表单的jquery插件,jquery的ajax无法提交图片,而这个插件可以完美解决,使用方法,将该文件放到jquery后面引入:$('#order_form').ajaxForm(function(a) { var b = eval("(" + a ...
Core-2-jQuery-Ajax-Modal-Form.zip,使用asp.net core 2 mvc jquery ajax bootstrap model formasp.net-core-2-jquery-ajax-model-form实现模式表单,asp.net是一个开源的web框架,用于使用.net构建现代web应用和服务...
利用 jquery.form.js插件,php提交信息,ajax提交,里面包含了上传文件的类,以及生成缩略图,保存到数据库省略了这一步,大家可以根据自己的项目进行修改。前后台大家自行完善,这是一个实例。
无刷新执行form提交,不同于jquery easyui官方版本,使用方法参见http://jquery.malsup.com/form/
最新ajax form表单提交无刷新js,之前的js会有一些小BUG,这个不会,本人亲自测过,欢迎大家下载!