jQuery Ajax

$(selector).load(url,data,callback)把远程数据加载到被选的元素中$.ajax(options)把远程数据加载到 XMLHttpRequest 对象中$.get(url,data,callback,type)使用 HTTP GET 来加载远程数据$.post(url,data,callback,type)使用 HTTP POST 来加载远程数据$.getJSON(url,data,callback)使用 HTTP GET 来加载远程 JSON 数据$.getScript(url,callback)加载并执行远程的 JavaScript 文件

(selector) jQuery 元素选择器语法

(url) 被加载的数据的 URL（地址）

(data) 发送到服务器的数据的键/值对象

(callback) 当数据被加载时，所执行的函数

(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)

(options) 完整 AJAX 请求的所有键/值对选项

 

实例

-----------jQuery-load()---------------------------------------

$(document).ready(function(){
  $("#b01").click(function(){
  $('#myDiv').load('test1.txt');
  });
});

 

请使用选择器来定义要改变的 HTML 元素，使用 url 参数来指定您的数据的 web 地址。

TIY

只有当您希望向服务器发送数据，才需要使用 data 参数。只有当您需要在完毕之后触发一个函数时，您才需要使用 callback 参数。

 

-----------jQuery---$.ajax(options)---------------------------------------

$(document).ready(function(){

  $("#b01").click(function(){

  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});

  $("#myDiv").html(htmlobj.responseText);

  });

});

 

 

$.ajax(options) 是低层级 AJAX 函数的语法。

$.ajax 提供了比高层级函数更多的功能，但是同时也更难使用。

option 参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。

TIY