myeclipse中文乱码怎么解决html中⾃动加载ajax⽅法,jQueryAjax之load()⽅法
jQuery对Ajax操作进⾏了封装,在jQuery中$.ajax()⽅法属于最底层的⽅法,第2层是laod()、$.get()和$.post()⽅法,第3层是
$.getScript()和$.getJSON()⽅法。
load()⽅法是jQuery中最为简单和常⽤的Ajax⽅法,能载⼊远程HTML代码并插⼊到DOM中。它的语法结构为:
load( url [, data][, callback] )
load()⽅法参数解释见下表:参数名称类 型说  明
urlString请求HTML页⾯的URL地址
data(可选)Object发送⾄服务器的key/value数据
callback(可选)Function请求完成时的回调函数,⽆论请求成功或失败
1、 载⼊HTML⽂档⾸先创建⼀个名为test.html的HTML⽂件,为后台Ajax载⼊做准备。代码如下:
douchebag翻译
复制代码代码如下:
Insert title here
已有评论:
张三:
沙发。
jquery下载文件请求李四:
板凳。
结束所有运行的快捷键王五:
地板。
然后新建⼀个空⽩页⾯,在上⾯添加两个元素:按钮⽤来触发Ajax事件,id为“resText”的元素⽤来显⽰追加的HTML内容。接下来就是编写jQuery代码了。等DOM元素加载完毕,通过单击id为“send”的按钮来调⽤laod()⽅法,然后将test.html的内容加载到id
为“resText”的元素⾥。那么代码如下:
复制代码代码如下:下列属于数据提交类型的是
Insert title here      当按钮被单击后,出现如下图的界⾯:
显然,load()⽅法完成了原本很繁琐的⼯作。开发⼈员只需要使⽤jQuery选择器为HTML⽚段指定⽬标位置,然后将要加载的⽂件的URL作为参数传递给load()⽅法即可。 2、 筛选载⼊的HTML⽂档   上个例⼦是将test.html页⾯的内容都加载到id
为“resText”的元素⾥。如果只需要加载test.html页⾯内的某些元素,那么可以使⽤load()⽅法的URL参数来达到⽬的。通过为URL参数指定选择符,可以很⽅便地从加载过来的HTML⽂档⾥筛选出所需要的内容。   load()⽅法的URL参数的语法结构为:“url selector”。注意,URL和选择器之间有⼀个空格。   例如只需要加载test.html页⾯中class为“para”的内容,可以使⽤以下代码来完成:   $("#resText").load("test.html .para");   运⾏效果则如下图:
3、 传递⽅式   load()⽅法的传递⽅式根据参数data来⾃动指定。如果没有参数传递,则采⽤GET⽅式传递;反之,
则⾃动转换为POST⽅式。
复制代码代码如下:
//⽆参数传递,则是GET⽅式 $("#resText").load("test.php",function(){ //...... }); //有参数传递,则是POST⽅
式 $("#resText").load("test.php",{name:"xht555",age:"24"},function(){ //...... });4、 回调参数对于必须在加载完成后才能继续的操作,load()⽅法提供了回调函数(callback),该函数有三个参数,分别代表请求返回的内容、请求状态和XMLHttpRequest对象,jQuery 代码如下:
复制代码代码如下:
$("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){ //responseText:请求返回的内
mybatis多表查询
容 //textStatus:请求状态:success、error、notmodified、timeout这4种 //XMLHttpRequest:XMLHttpRequest对象 });注意:在load()⽅法中,⽆论Ajax请求是否成功,只要当请求完成(complete)后,回调函数(callback)就被触发。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。