Ajax入门教程.doc

1 load(url, [data], [callback]) 概述 载入远程 HTML 文件代码并插入至 DOM 中。 默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 url #some selector。请查看示例。 参数 url,[data,[callback]]String,Map/String,CallbackV1.0 url:待装入 HTML 网页网址。 data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。 callback:载入成功时回调函数。 示例 描述: 加载文章侧边栏导航部分至一个无序列表。 HTML 代码: bjQuery Links:/b ul id=links/ul jQuery 代码: $(#links).load(/Main_Page #p-Getting-Started li); 描述: 加载 feeds.html 文件内容。 jQuery 代码: $(#feeds).load(feeds.html); 描述: 同上，但是以 POST 形式发送附加参数并在成功时显示信息。 jQuery 代码: $(#feeds).load(feeds.php, {limit: 25}, function(){ alert(The last 25 entries in the feed have been loaded); }); jQuery.get(url, [data], [callback], [type]) 概述 通过远程 HTTP GET 请求载入信息。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。 参数 url,[data],[callback],[type]String,Map,Function,StringV1.0 url:待载入页面的URL地址 data:待发送 Key/value 参数。 callback:载入成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default。 示例 描述: 请求 test.php 网页，忽略返回值。 jQuery 代码: $.get(test.php); 描述: 请求 test.php 网页，传送2个参数，忽略返回值。 jQuery 代码: $.get(test.php, { name: John, time: 2pm } ); 描述: 显示 test.php 返回值(HTML 或 XML，取决于返回值)。 jQuery 代码: $.get(test.php, function(data){ alert(Data Loaded: + data); }); 描述: 显示 test.cgi 返回值(HTML 或 XML，取决于返回值)，添加一组请求参数。 jQuery 代码: $.get(test.cgi, { name: John, time: 2pm }, function(data){ alert(Data Loaded: + data); }); jQuery.getJSON(url, [data], [callback]) 概述 通过 HTTP GET 请求载入 JSON 数据。 在 jQuery 1.2 中，您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据，如 myurl?callback=?。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执行前执行。 参数 url,[data],[callback]String,Map,FunctionV1.0 url:发送请求地址。 data:待发送 Key/value 参数。 callback:载入成功时回调函数。 示例 描述: 从 Flickr JSONP API 载入 4 张最新的关于猫的图片。 HTML 代码: div id=images/div jQuery 代码: $.getJSON(/services/feeds/photos_public.gne?tags=cattagmode=anyformat=jsonjsoncallback=?, function(data){ $.each(data.items, function(i,item){ $(img/).attr(src, item.media.m).appendTo(#images);