ajax中JQuery对象的load()方法解析

如果要说load()和$.ajax()以及$.post(),$.get()方法的区别:

 load()方法是局部的方法,因为他需要一个包含元素的jQuery对象作为前缀(形入$("div").load()这样),而$.get()和$.post()这些是全局方法,不需要指定某个元素。就用途而言,.load()方法比较适合做静态文件的一步获取,而对于需要传递数据到服务器页面的,$.get()和$.post()更加适合。

load()的具体解析:

  方法的返回结果自动添加到jQuery对象代表的标签中间,如果是Servlet处理的话,无参数请求默认采用的是GET方式,如果请求体有参数发送的话,load方法采用POST方式提交,使用load方法时,自动进行编码,无需手工编码。

1.最简单的形式(没有参数只有请求路径):

jQuery对象.load(url);

2.完整复杂形式:

jQuery对象.load(  url,sendData,function(backData,textStatus,XmlhttpRequest){。。});

 方法参数解释:

    参数urlurl发送到哪里去

    参数sendData 发送请求体中的数据,符合JSON格式,例如:{key:value,key:value}

    参数function处理函数,类似于传统方式ajax.onreadystatechange = 处理函数

对于function方法参数中的参数解释:

 backData参数:服务端返回的数据,属于一个js对象,例如:backData

 textStatus参数:服务端请求状态码的文本描述,例如:successerror

 XmlhttpRequest参数:ajax的核心对象,即XMLHttpRequest对象

function方法内的所有参数必须按顺序书写,一般常用的是backData。







猜你喜欢

转载自blog.csdn.net/qq_29569183/article/details/79239882