网站建设资讯

NEWS

网站建设资讯

load方法实例分析

这篇“load方法实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“load方法实例分析”文章吧。

创新互联建站是专业的亭湖网站建设公司,亭湖接单;提供做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行亭湖网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

.load( url [, data ] [, complete(responseText, textStatus, XMLHttpRequest) ] )

描述: 从服务器载入数据并且将返回的 HTML 代码并插入至 匹配的元素 中。

url

类型: String

一个包含发送请求的URL字符串

data

类型: PlainObject, String

向服务器发送请求的Key/value参数,例如{name:"",age:23}

complete(responseText, textStatus, XMLHttpRequest)

类型: Function()

当请求成功后执行的回调函数。

注意: 事件处理函数中也有一个方法叫 .load()。  jQuery根据传递给它的参数设置来确定使用哪个方法执行。

这个方法是从服务器获取数据最简单的方法。除了不是全局函数,这个方法和$.get(url, data, success) 基本相同,它有一个隐含的回调函数。 当他检查到一个成功的请求(i.e. 当 textStatus是 "success" 或者 "notmodified")时,.load() 方法将返回的HTML 内容数据设置到相匹配的节点中。这就意味着大多数采用这个方法可以很简单:

$('#result').load('ajax/test.html');

如果选择器没有匹配的元素——在这种情况下,如果document不包含id = "result" 的元素- 这个Ajax请求将不会被发送出去。

如果提供回调,都将在执行后进行后处理:

Callback Function

如果提供了 "complete" 回调函数,它将在函数处理完之后,并且 HTML 已经被插入完时被调用。回调函数会在每个匹配的元素上被调用一次,并且 this始终指向当前正在处理的 DOM 元素。

$('#result').load('ajax/test.html', function() {

alert('Load was performed.');

});

在上文的两个例子中, 如果当前的文件不包含ID为“result”的元素,那么.load()方法将不被执行。

以上就是关于“load方法实例分析”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


网站名称:load方法实例分析
本文链接:http://cdweb.net/article/gecgic.html