当前位置: 编程技术>WEB前端
jquery对ajax的支持介绍
来源: 互联网 发布时间:2014-08-25
本文导语: 1.三个方法 1.1.load方法 //作用:将服务器返回的数据直接添加到符合要求的dom对象上 //相当于 obj.innerHTML = 服务器返回的数据 用法: $obj.load(url,[请求参数]); url : 请求地址 请求参数 : 第一种形式:请求字符串,比如: 'username=zs&age=...
1.三个方法
1.1.load方法
//作用:将服务器返回的数据直接添加到符合要求的dom对象上
//相当于 obj.innerHTML = 服务器返回的数据
用法:
$obj.load(url,[请求参数]);
url : 请求地址
请求参数 :
第一种形式:请求字符串,比如: 'username=zs&age=22'
第二种形式:对象,比如 {'username':'zs','age':22}
//注意:
//a, load方法如果没有参数,会使用get方式发请求。如果有参数,会使用post方式发请求。
//b, 如果有中文参数值,load方法已经帮我们做了编码处理。
例子:
代码如下:
$(function(){
$('a.s1').toggle(function(){
var airline = $(this).parent().siblings().eq(0).text();
$(this).next().load('priceInfo.do','airline=' + airline);
$(this).html('显示经济舱价格');
},function(){
$(this).next().empty();
$(this).html('显示所有票价');
});
});
1.2.$.get()和$.post()方法
//作用:向服务器发送get或者post请求 (get请求ie有缓存问题)
用法:
$.get(url,[data],[callback],[type]);
$.post(url,[data],[callback],[type]);
url : 请求地址
data : 请求参数,形式同上。
callback : 回调函数,可以通过该函数来处理服务器返回的数据。
callback格式:
function(data,statusText),
其中,data可以获得服务器返回的数据,
statusText是一个简单的字符串,描述服务器处理的状态。
type : 服务器返回的数据类型,类型可以是:
html : 返回的是html内容。
text : 返回的是text。
json : 返回的是json字符串
xml : 返回的是dom兼容的xml对象
script: 返回的javascriptz
例子:
代码如下:
function quoto(){
$.post('quoto.do',function(data){
//如果服务器返回的数据是json字符串,
//会自动转换成js对象或者json对象组成的数组。
$('#tb1').empty();
for(i=0;i