标签:jquery 查询 out nbsp xmlhttp 技术 行修改 告诉 字符串
jQuery对象上面还定义了Ajax方法($.ajax()),用来处理Ajax操作。调用该方法后,浏览器就会向服务器发出一个HTTP请求。
$.ajax()的用法主要有两种。
$.ajax(url[, options])
$.ajax([options])
上面代码中的url,指的是服务器网址,options则是一个对象参数,设置Ajax请求的具体参数。
$.ajax({ async: true, url: ‘/url/to/json‘, type: ‘GET‘, data : { id : 123 }, dataType: ‘json‘, timeout: 30000, success: successCallback, error: errorCallback, complete: completeCallback, statusCode: { 404: handler404, 500: handler500 } }) function successCallback(json) { $(‘<h1/>‘).text(json.title).appendTo(‘body‘); } function errorCallback(xhr, status){ console.log(‘出问题了!‘); } function completeCallback(xhr, status){ console.log(‘Ajax请求已结束。‘); }
上面代码的对象参数有多个属性,含义如下:
ajax方法还有一些简便写法。
一般来说,这些简便方法依次接受三个参数:url、数据、成功时的回调函数。
(1)$.get(),$.post()
这两个方法分别对应HTTP的GET方法和POST方法。
$.get(‘/data/people.html‘, function(html){ $(‘#target‘).html(html); }); $.post(‘/data/save‘, {name: ‘Rebecca‘}, function (resp){ console.log(JSON.parse(resp)); });
get方法和post方法的参数相同,第一个参数是服务器网址,该参数是必需的,其他参数都是可选的。第二个参数是发送给服务器的数据,第三个参数是操作成功后的回调函数。
(2)$.getJSON()
ajax方法的另一个简便写法是getJSON方法。当服务器端返回JSON格式的数据,可以用这个方法代替$.ajax方法。
$.getJSON(‘url/to/json‘, {‘a‘: 1}, function(data){ console.log(data); });
上面的代码等同于下面的写法。
(3)$.getScript()
$.getScript方法用于从服务器端加载一个脚本文件。
getScript的回调函数接受三个参数,分别是脚本文件的内容,HTTP响应的状态信息和ajax对象实例。
$.getScript( "ajax/test.js", function (data, textStatus, jqxhr){ console.log( data ); // test.js的内容 console.log( textStatus ); // Success console.log( jqxhr.status ); // 200 });
getScript是ajax方法的简便写法,因此返回的是一个deferred对象,可以使用deferred接口。
jQuery.getScript("/path/to/myscript.js") .done(function() { // ... }) .fail(function() { // ... });
【1】阮一峰 http://javascript.ruanyifeng.com/jquery/utility.html#toc2
标签:jquery 查询 out nbsp xmlhttp 技术 行修改 告诉 字符串
原文地址:http://www.cnblogs.com/ybtools/p/6819719.html