load()方法
load( url [ , data ][ , callback]) 载入远程 HTML 文件代码并插入至 DOM 中。
参数名称 类型 说明
url string 请求HTML页面的URL地址
data object 发送至服务器的key/value数据
callback function 请求完成后的回调数据，无论请求成功或失败
这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些HTML文件，例如表单。
示例代码：
| 代码如下 | 复制代码 |
|
$(function(){ $("#reText").load("test.html"); }) ////////// 2 ///////// $(".ajax.load").load("2008/03/30/1130270.html .classname", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] //筛选载入需要的内容。在url后面空格加选择器如：load("test.html #idname") //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); |
|
注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。
$.get( url [ , data] [ , callback ] [ , type] ) 使用GET方式来进行异步请求
参数名称 类型 说明
url string 发送请求的URL地址
data object 发送至服务器的key/value数据会作为QueryString附加到请求 URL中
callback function 载入成功（当response的返回状态为success）时回调函数自动 将请求结果和状态传递给该方法
type string 服务器返回的内容的格式，包括xml、html、script、json、text 和_default
| 代码如下 | 复制代码 |
|
$.get("./Ajax.php", {Action:"get",Name:"lulu"}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等 alert(data); //alert(textStatus);//请求状态：success，error等等。 }); |
|
Xml文件php文件
| 代码如下 | 复制代码 |
|
<?php header("Content-Type:text/xml; charset=utf-8"); echo "<?xml version='1.0' encoding='utf-8'?>". "<comments>". "<comment username='{$_REQUEST['username'] }' >". "<content>{$_REQUEST['content']}</content>". "</comment>". "</comments>"; ?> |
|
Html文件（回调函数部分）
| 代码如下 | 复制代码 |
|
function (data, textStatus){ var username = $(data).find("comment").attr("username"); var content = $(data).find("comment content").text(); var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>"; $("#resText").html(txtHtml); // 把返回的数据添加到页面上 });
|
|
首页 1 2 3 4 末页