jQuery Ajax 1. . load()方法:载入远程 HTML 文件代码并插入至 DOM 中
如下-> <script type="text/javascript" src="http://ajax./ajax/libs/jquery/1.3/jquery.min.js"></script> <!-- 首先引入JQUERY--> <script language="javascript"> $("#Text").load("test.html"); </script> html代码: <div id="Text"></div> 这段代码内可以把一个.html文件或者是.php文件加载进来。 比如经过处理的接口的数据就可以这样调过来! 2. .$.get ()方法 使用GET方法进行异步传输请求 语法:jQuery.get( url, [data], [callback] ): url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax 如果只是传值不需要执行失败时报错就用这个: $.get("Ajax.php", {Name:"william",Pass:"123456"}, function (data, textStatus){ //执行成功之后的操作 alert(data); //返回的数据 //alert(textStatus);//请求状态:success,error等等。 }); 3.$.post() 使用GET方法进行异步传输请求 语法:jQuery.post( url, [data], [callback], [type] ) url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 type (String) : 请求类型(JSON,XML,等等)默认为TEXT或HTML 和GET相似 $.post("Ajax.php", {Name:"william",Pass:"123456"}, function (data, textStatus){ //执行成功之后的操作 alert(data.result); //由于设置了类型为“json”,这里返回的data就是一个对象 //alert(textStatus);//请求状态:success,error等等。 },'json'); 4.$.getScript() 通过 GET 方式请求载入并执行一个 JavaScript 文件 [pre] $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 已加载完成并执行完成!"); });[/pre] 5.$.ajax() 通过 HTTP 请求加载远程数据 语法: url (String) (默认: 当前页地址) 发送请求的地址。 type (String) (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。 timeout (Number) 设置请求超时时间(毫秒)。此设置将覆盖全局设置。 data (Object, String) 发送到服务器的数据。将自动转换为请求字符串格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。 dataType (String) "xml": 返回 XML 文档;"html": 返回纯文本 HTML 信息;"script": 返回纯文本 JavaScript 代码;"json": 返回 JSON 数据 success(Function) 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态function (data, textStatus) {} error (Function) 请求失败后返回函数,显示错误信息。 |
|