Ajax(Asynchronous JavaScript and XML)在JQuery中的应用
发布时间:2020-12-16 02:01:24 所属栏目:百科 来源:网络整理
导读:JQuery中的load()方法: 在传统的JavaScript中,使用XMLHttpRequest对象异步加载数据,而在jQuery中使用load()方法就可以实现获取异步数据的功能。 load(url,[data],[callback]); 其中url为请求目标地址。 可选参数[data]表示发送到服务器的数据,其格式为ke
JQuery中的load()方法:
在传统的JavaScript中,使用XMLHttpRequest对象异步加载数据,而在jQuery中使用load()方法就可以实现获取异步数据的功能。
load(url,[data],[callback]);
其中url为请求目标地址。
可选参数[data]表示发送到服务器的数据,其格式为key/value。
可选参数[callback]表示成功加载后,返回至加载页面的回调函数。
例:$("#myDiv").load("b.html .classInB"); // 可以获取b.html中的.classInB中的内容
JQuery中的全局函数getJSON():
$.getJSON(url,[callback]);
参数url表示请求地址,一般以后缀名.json格式。
可选参数[data]表示发送到服务器的数据,其格式为key/value。
可选参数[claaback]表示加载成功时执行的回调函数。
JQuery中的全局函数getScript():
使用此方法是从服务其获取.js文件,
$.getScript(url,[callback]);
Jquery中异步加载XML文档:
$.get(url,[callback],[type]);
可选参数[type]表示返回数据的格式,如HTML、XML、JS、JSON、TEXT等。
请求服务器数据:
$.get(url,[callback]);
例:
$.get("Login.jsp",
{name: encodeURI($("#name").val()),password: encodeURI($("#password").val())},
function(data) {
if(data == "OK"){
alert("成功登陆");
...
} else {alert("登陆失败");}
}
);
其可选参数[data]的格式是{key0:value0,key1:value1,...}。在客户端接收时使用decodeURI()进行解码。
$.post(url,[type]);
serialize()序列化表单:当使用get(),post()想服务器传递的参数过多时,该方法可以简化参数传值的方式,将所选的DOM元素准换成能随Ajax传递的字符串。
例: $.post("Login,jsp",$("#loginForm").serialize(),function(data){...});
$.ajax()方法:
功能强悍的最底层的异步请求方法。
$.ajax([options]);
其中可选参数[options]为该方法中的请求设置,其格式为key/value,既包含发送请求的参数,也含有服务器响应后回调的函数。
$.ajax()参数列表:
$.ajaxSetup()设置全局Ajax
在使用$.ajax()方法时,有时要调用多个$.ajax()方法,使用该方法设置全局性的Ajax请求默认选项,一次设置,全局有效。
$.ajaxSetup([options]);
可选参数[options]是一个对象,例:$.ajaxSetup({type:"GET",url:"FindJobs.jsp",dataType:"xml"});
Ajax全局事件
Ajax全局事件及其参数及功能:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |