杭州网站推广平台,皮肤科在线医生免费咨询,网站域名买卖,wordpress get_header我们前面实现了用原生的JavaScript代码实现ajax的异步数据传输。接下来#xff0c;我们再使用一个流行的js框架jQuery来实现ajax。 通过 jQuery AJAX 方法#xff0c;我们能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON#xff0c;同时#xf… 我们前面实现了用原生的JavaScript代码实现ajax的异步数据传输。接下来我们再使用一个流行的js框架jQuery来实现ajax。 通过 jQuery AJAX 方法我们能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON同时我们能够把这些外部数据直接载入网页里的被选元素中。在使用jQuery时我们需要在网页中引入jQuery的脚本文件。jQuery有两个显著特点即隐式迭代和链式编程jQuery可以用$符号表示出现jQuery的地方可以使用$符号代替。 下面的表格列出了所有的 jQuery AJAX 方法 方法描述$.ajax()执行异步 AJAX 请求$.ajaxPrefilter()在每个请求发送之前且被 $.ajax() 处理之前处理自定义 Ajax 选项或修改已存在选项$.ajaxSetup()为将来的 AJAX 请求设置默认值$.ajaxTransport()创建处理 Ajax 数据实际传送的对象$.get()使用 AJAX 的 HTTP GET 请求从服务器加载数据$.getJSON()使用 HTTP GET 请求从服务器加载 JSON 编码的数据$.getScript()使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript$.param()创建数组或对象的序列化表示形式可用于 AJAX 请求的 URL 查询字符串$.post()使用 AJAX 的 HTTP POST 请求从服务器加载数据ajaxComplete()规定 AJAX 请求完成时运行的函数ajaxError()规定 AJAX 请求失败时运行的函数ajaxSend()规定 AJAX 请求发送之前运行的函数ajaxStart()规定第一个 AJAX 请求开始时运行的函数ajaxStop()规定所有的 AJAX 请求完成时运行的函数ajaxSuccess()规定 AJAX 请求成功完成时运行的函数load()从服务器加载数据并把返回的数据放置到指定的元素中serialize()编码表单元素集为字符串以便提交serializeArray()编码表单元素集为 names 和 values 的数组 我们选择上述列表中的若干方法予以介绍。 jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据并把返回的数据放入被选元素中。 1 !DOCTYPE html2 html langen3 head4 meta charsetUTF-85 titleTitle/title6 script srcjs/jquery-1.11.1.js/script7 /head8 script9 $(document).ready(function(){
10 $(button).click(function(){
11 $(#content).load(resource/book.xml);
12 })
13 })
14 /script
15 body
16 div idcontenth3演示ajx/h3/div
17 button点击/button
18 /body
19 /html 可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数 responseTxt - 包含调用成功时的结果内容statusTXT - 包含调用的状态xhr - 包含 XMLHttpRequest 对象 1 $(button).click(function(){
2 $(#div1).load(demo_test.txt,function(responseTxt,statusTxt,xhr){
3 if(statusTxtsuccess)
4 alert(外部内容加载成功!);
5 if(statusTxterror)
6 alert(Error: xhr.status: xhr.statusText);
7 });
8 }); jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 两种在客户端和服务器端进行请求-响应的常用方法是GET 和 POST。 GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得取回数据。注释GET 方法可能返回缓存数据。 POST 也可用于从服务器获取数据。不过POST 方法不会缓存数据并且常用于连同请求一起发送数据。 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。 $.get(URL,callback); 必需的 URL 参数规定您希望请求的 URL。 可选的 callback 参数是请求成功后所执行的函数名。 $(button).click(function(){$.get(demo_test.jsp,function(data,status){alert(数据: data \n状态: status);});
}); $.post() 方法通过 HTTP POST 请求从服务器上请求数据。 $(button).click(function(){$.post(/try/ajax/demo_test_post.jsp,{name:lzy,pwd:haha},function(data,status){alert(数据: \n data \n状态: status);});
}); ajax() 方法用于执行 AJAX异步 HTTP请求。所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。 $.ajax({name:value, name:value, ... }) 该参数规定 AJAX 请求的一个或多个名称/值对。下面的表格中列出了可能的名称/值 名称值/描述async布尔值表示请求是否异步处理。默认是 true。beforeSend(xhr)发送请求前运行的函数。cache布尔值表示浏览器是否缓存被请求页面。默认是 true。complete(xhr,status)请求完成时运行的函数在请求成功或失败之后均调用即在 success 和 error 函数之后。contentType发送数据到服务器时所使用的内容类型。默认是application/x-www-form-urlencoded。context为所有 AJAX 相关的回调函数规定 this 值。data规定要发送到服务器的数据。dataFilter(data,type)用于处理 XMLHttpRequest 原始响应数据的函数。dataType预期的服务器响应的数据类型。error(xhr,status,error)如果请求失败要运行的函数。global布尔值规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。ifModified布尔值规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。jsonp在一个 jsonp 中重写回调函数的字符串。jsonpCallback在一个 jsonp 中规定回调函数的名称。password规定在 HTTP 访问认证请求中使用的密码。processData布尔值规定通过请求发送的数据是否转换为查询字符串。默认是 true。scriptCharset规定请求的字符集。success(result,status,xhr)当请求成功时运行的函数。timeout设置本地的请求超时时间以毫秒计。traditional布尔值规定是否使用参数序列化的传统样式。type规定请求的类型GET 或 POST。url规定发送请求的 URL。默认是当前页面。username规定在 HTTP 访问认证请求中使用的用户名。xhr用于创建 XMLHttpRequest 对象的函数。转载于:https://www.cnblogs.com/lizhangyong/p/8385426.html
