您现在的位置: 365建站网 > 建站教程 > jQuery 教程 > jQuery ajax - get() 方法

jQuery ajax - get() 方法

此节有 188 人学习过     参与评论

实例

使用 AJAX 的 GET 请求来改变 div 元素的文本:

</>code

  1. $("button").click(function(){
  2. $.get("demo_ajax_load.txt", function(result){
  3. $("div").html(result);
  4. });
  5. });

亲自试一试

定义和用法

get() 方法通过远程 HTTP GET 请求载入信息。

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

语法

</>code

  1. $(selector).get(url,data,success(response,status,xhr),dataType)
参数 描述
url 必需。规定将请求发送的哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)

可选。规定当请求成功时运行的函数。

额外的参数:

  • response - 包含来自请求的结果数据
  • status - 包含请求的状态
  • xhr - 包含 XMLHttpRequest 对象
dataType

可选。规定预计的服务器响应的数据类型。

默认地,jQuery 将智能判断。

可能的类型:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

详细说明

该函数是简写的 Ajax 函数,等价于:

</>code

  1. $.ajax({
  2. url: url,
  3. data: data,
  4. success: success,
  5. dataType: dataType
  6. });

根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML root 元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。

对于 jQuery 1.4,也可以向 success 回调函数传递 XMLHttpRequest 对象。

示例

请求 test.php 网页,忽略返回值:

</>code

  1. $.get("test.php");

更多示例

例子 1

请求 test.php 网页,传送2个参数,忽略返回值:

</>code

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

例子 2

显示 test.php 返回值(HTML 或 XML,取决于返回值):

</>code

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

例子 3

显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数:

</>code

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (188人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------
jQuery 教程目录

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号