jQuery实现Ajax异步
2017-07-21 23:34
267 查看
jQuery中的ajax方法
jQuery中的get方法
原生javaScript实现Ajax
async:是否异步,默认true 代表异步
data:发送到服务器的参数,建议使用Json格式
dataType:服务器返回的数据类型,常用text和Json
success:成功响应执行的函数,对应的类型微function类型
type:请求方式,post/get
url:请求服务器端的地址
参数:
url:待载入页面的url
data:待发送的key/value参数
callback:载入成功时回调函数
type:返回内容格式(xml,html,json,text,script)
jQuery中的get方法
原生javaScript实现Ajax
jQuery中的$.ajax()方法
参数:async:是否异步,默认true 代表异步
data:发送到服务器的参数,建议使用Json格式
dataType:服务器返回的数据类型,常用text和Json
success:成功响应执行的函数,对应的类型微function类型
type:请求方式,post/get
url:请求服务器端的地址
function fn1() { $.ajax({ async: true, dataType: "text", success: function (data) { document.getElementById("tis").innerHTML = data; }, error:function () { alert("请求失败!") }, type: "post", url: "/ajaxServlet" }); }
jQuery中的get()方法
get(url,[data],[callback],[type])参数:
url:待载入页面的url
data:待发送的key/value参数
callback:载入成功时回调函数
type:返回内容格式(xml,html,json,text,script)
function fn1() { $.get("/ajaxServlet", function (data) { document.getElementById("tis").innerHTML = data; },"text" ); }
原生javaScript实现Ajax
*function fn1() { /!*1.创建Ajax引擎对象*!/ var xmlHttp = new XMLHttpRequest(); /!*2.绑定监听----监听服务器是否返回数据*!/ xmlHttp.onreadystatechange = function () { /!*5.接受响应数据*!/ if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var res = xmlHttp.responseText; document.getElementById("tis").innerHTML=res; } } /!*3.绑定地址*!/ xmlHttp.open("post", "/ajaxServlet", true); /!*4.发送请求*!/ xmlHttp.send(); }
相关文章推荐
- jquery请求servlet实现ajax异步请求的示例
- jquery插件ajaxFileUpload实现异步上传文件案例
- 自学MVC(九):jquery里实现ajax无刷新发表评论,和异步获取评论,带loading-2009年05月22日
- 使用JQuery编写AJax实现异步请求
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- JQuery 实现AJAX异步请求 的基本用法
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- Ajax+js 和 Ajax+Jquery实现异步校验
- .net ajax 异步调用的几种实现方法(jquery)
- ajax、jquery、jquery模板实现异步表单,局部刷新
- php+JQuery+Ajax简单实现页面异步刷新
- Ajax+jQuery+bootstrap+Java实现异步点赞功能,并限制点击次数
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- 用jQuery的AJax实现异步访问、异步加载
- django 1.4 利用jquery实现ajax ‘get|post’异步请求
- jQuery加载外部文件的方式get、post、ajax、load的区别及异步加载的实现
- 利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力
- springmvc+jquery+ajax实现异步用户名验证
- jQuery的Ajax实现异步传输List、Map_GOOD
- Ajax与struts2、JQuery配合实现异步响应,处理list类型对象