jQuery.get()

发布时间:2020-06-25 02:25:09发布者:admin浏览数:

此方法使用一个HTTP GET请求从服务器加载数据。

如果jQuery.get()请求返回一个错误代码,它会静静的失败,除非脚本调用全局的.ajaxError()方法。在jQuery1.5, 通过jQuery.get()返回的jqXHR对象的error()方法也可用于错误处理。

语法结构一:

[JavaScript] 纯文本查看 复制代码

jQuery.get(url [, data ] [, success(data,textStatus,jqXHR)] [, dataType ])

参数解析:

(1).url:一个包含发送请求的URL字符串。

(2).data:可选,一个普通对象或字符串,发送请求传递的数据。

(3).success:可选,当请求成功后执行的回调函数。具有三个参数,data是请求返回的数据,textStatus是请求状态文本(例如"success"、 "notmodified"),jqXHR是当前jqXHR对象(jQuery 1.4及之前版本,该参数为原生的XMLHttpRequest对象)。如果提供dataType选项,那么这个success选项是必须的, 但你可以使用null或jQuery.noop作为占位符。

(4).dataType:可选,规定预期的服务器响应数据类型。默认执行智能判断(xml、json、script或html)。

jQuery1.0版本添加。

语法结构二:

[JavaScript] 纯文本查看 复制代码

jQuery.get([settings ])

参数解析:

settings:一组用于配置Ajax请求的键/值对。除url以外的所有选项属性都是可选。任何默认选项可以用$.ajaxSetup()设置。所有选项设置完整列表,请参阅jQuery.ajax(settings)。 type(类型)选项自动设置为GET。

jQuery1.12/2.2版本添加。

jQuery.get()方法是jQuery.ajax()方法的简写:

[JavaScript] 纯文本查看 复制代码

$.ajax({ url: url, data: data, success: success, data类型:dataType});

success回调函数会传入返回的数据,是根据MIME类型的响应,它可能返回的数据类型包括XML根节点, 字符串, JavaScript 文件, 或者 JSON 对象。 同时还会传入描述响应状态的字符串。

在jQuery1.5,success回调函数还传递一个“jqXHR”对象 ( 在 jQuery 1.4中 ,它传递的是XMLHttpRequest对象)。然而,由于JSONP形式和跨域的GET请求不使用XHR,在这些情况下, jqXHR和textStatus参数传递给success(成功)回调是 undefined 。

大多数实现将指定一个成功的回调处理程序:

[JavaScript] 纯文本查看 复制代码

$.get('ajax/test.html', function(data) { $('.result').html(data); alert('Load was performed.');});

jqXHR 对象:

从jQuery 1.5开始,所有jQuery的Ajax方法都返回一个XMLHTTPRequest对象的超集。这个通过$.get()方法返回的jQuery XHR对象,或“jqXHR”,实现了 Promise 接口,使它拥有 Promise 的所有属性,方法和行为。jqXHR.done() (表示成功), jqXHR.fail() (表示错误), 和 jqXHR.always() (表示完成, 无论是成功或错误;在jQuery 1.6 中添加) 方法接受一个函数参数,用来请求终止时被调用。

Promise 接口也允许jQuery的Ajax方法, 包括 $.get(), 在一个单独的请求中关联到 .done(), .fail(), 和 .always() 回调函数, 甚至允许你在请求已经结束后,指派回调函数。如果该请求已经完成,则回调函数会被立刻调用。

[JavaScript] 纯文本查看 复制代码

// 请求生成后立即分配处理程序,请记住该请求针对 jqxhr 对象var jqxhr = $.get("example.php", function() { alert("success"); }) .success(function() { alert("second success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); }); // 在这里执行其他任务// 为上面的请求设置另一个完成函数jqxhr.complete(function(){ alert("second complete"); });

代码实例:

[JavaScript] 纯文本查看 复制代码

$.get("test.php");

请求 test.php 页面, 但是忽略返回结果。

[JavaScript] 纯文本查看 复制代码

$.get("test.php", { name: "John", time: "2pm" } );

请求 test.php 页面 并且发送url参数(虽然仍然忽视返回的结果)。

[JavaScript] 纯文本查看 复制代码

$.get("test.php", { 'choices[]': ["Jon", "Susan"]} );

传递数组形式data参数给服务器 (虽然仍然忽视返回的结果)。

[JavaScript] 纯文本查看 复制代码

$.get("test.php", function(data){ alert("Data Loaded: " + data);});

Alert 从 test.php请求的数据结果 (HTML 或者 XML,取决于返回的结果)。

[JavaScript] 纯文本查看 复制代码

$.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });

Alert从test.cgi请求并且发送url参数的数据结果 (HTML 或者 XML,取决于返回的结果)。

[JavaScript] 纯文本查看 复制代码

$.get("test.php", function(data){ $('body').append( "Name: " + data.name ) // John .append( "Time: " + data.time ); // 2pm }, "json");

获取test.php页面已返回的JSON格式内容 (<?php echo json_encode(array("name"=>"John","time"=>"2pm")); ?>), 并且加到页面中.

  网站建设分类
程序开发 |  系统教程 |  软件应用 |  图形图像 |  网络应用 |  站长教程 |  网站建设 |  视频教程 |  硬件维护 |  IT资讯 |  中国it动力网
本站发布的系统与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!
如侵犯到您的权益,请及时通知我们,我们会及时处理。
Copyright @ 2019 中国it动力网 网站导航