[JavaScript]AJAX方法简单示例——1（.load()方法）

示例1（$(DOM对象).load()）：

HTML：

<div id="txt" ></div>

JQuery代码：

方法：load(url,data,function)

data与function可选。

$("#txt").load("c.php");

此时为GET方式。

加入参数data时

$("#txt").load("c.php",{"id","111"});

此时为POST方式。

加入参数function时

$("#txt").load("c.php",{"id","111"},function(){alert("123");})

请求成功后，除load()方法本身会将响应内容插入DOM对象以外，还会执行function中的内容。

服务端返回数据：Hello 111

HTML结果：

<div id="txt" >Hello 111</div>

可以选择加载内容中的某个部分

JQuery代码：

$("#result").load("c.php #result2",{"id":"111"});

服务端返回结果：<div id="result1">Hello 111</div><div id="result2">GoodBye 111</div>

HTML结果：

<div id="txt" >GoodBye 111</div>