一聚教程网:一个值得你收藏的教程网站

热门教程

jquery ajax get实例与详细教程

时间:2022-11-14 21:50:12 编辑:袖梨 来源:一聚教程网

jquery.get( url, [ data ], [ callback(data, textstatus, xmlhttprequest) ], [ datatype ] )

returns: xmlhttprequest

url 字符串,其中包含的url的请求被发送。

data 地图或字符串发送到与请求的服务器。

callback(data, textstatus, xmlhttprequest),如果请求成功执行。

datatypethe 类型的数据预计从服务器。

这是一个缩写的ajax功能,这相当于:

$.ajax({
url: url,
data: data,
success: success,
datatype: datatype
});


调函数成功返回的数据传递,这将是一个xml根元素,文本字符串,网页特效文件,或根据响应的mime类型的json对象。它也通过了响应文本状态。

在jquery 1.4,成功回调函数也是通过xmlhttprequest对象。

大多数实现将指定一个成功的处理程序:

$.get('ajax/test.html', function(data) {
$('.result').html(data);
alert('load was performed.');
});

这个例子获取所请求的页面上的html片段并将其插入。

其他注意事项:
由于浏览器的安全限制,大多数"ajax"的要求,均采用相同的起源政策;请求不能成功地检索数据从一个不同的域,子域或协议。
如果一个jquery.get()请求返回一个错误代码,它会静静的失败,除非该脚本还呼吁全球。ajaxerror()方法。
脚本和jsonp形式请求不受同源策略的限制。
例子:
例如:请求test.php教程的网页,但忽略了返回结果。

$.get("test.php");

例如:请求test.php的页面并沿着一些额外的数据(同时还忽略返回结果)。

$.get("test.php", { name: "john", time: "2pm" } );

例如:数据数组传递到服务器(同时还忽略了返回结果)。

$.get("test.php", { 'choices[]': ["jon", "susan"]} );

例如:alert从请求test.php的(html或xml,就什么被退回而定)的结果。

$.get("test.php", function(data){
alert("data loaded: " + data);
});

例如:alert从同一个数据请求(html或xml被退回什么不同,)的额外载荷test.cgi的结果。

$.get("test.cgi", { name: "john", time: "2pm" },
function(data){
alert("data loaded: " + data);
});

热门栏目