资讯专栏INFORMATION COLUMN

jQuery中ajax的4种常用的请求方式

TerryCai / 3170人阅读

摘要:中的种常用请求方式返回其创建的对象。只有一个参数参数对象,包含各配置及回调函数信息。这是一个简单的请求功能以取代复杂。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用。实例添加成功通过请求载入数据。

jQuery中ajax的4种常用请求方式:

1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。
如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。
实例:
保存数据到服务器,成功时显示信息。
$.ajax({

    type: "post",
    dataType: "html",
    url: "/Resources/GetList.ashx",
    data: dataurl,
    success: function (data) {
        if (data != "") {
            $("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
            $("#anhtml").html(data.split("$$")[0]);

        }
    }
});

2.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){

alert("Data Loaded: " + data);

});

通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

实例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {

    if (data == "ok") {
        alert("添加成功!");
    }
})

4.通过 HTTP GET 请求载入 JSON 数据。
实例:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){

$("").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;

});
});
复制代码

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82165.html

相关文章

  • JQuery DOM 常用操作汇总

    摘要:通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。请求完成后回调函数请求成功或失败时均调用。 一、JQuery对象的基本方法: (1) get(); 取得所有匹配的元素 (2) get(index); 取得其中一个匹配的元素 $(this).get(0) 等同于 $(this)[0] (3) Number index(jqueryObj); 搜索子对象 (...

    airborne007 评论0 收藏0
  • JavaScript编程简介:DOM、AJAX与Chrome调试器-天码营

    摘要:所有全局对象函数以及变量均自动成为对象的成员。消息弹出窗口对象使用简单方便,但因其交互方式生硬,通常只用于调试。可以在中创建三种消息框警告框确认框提示框。习惯上,通过选择符得到的集合一般命名为以起始的字符串,例如。 avascript 等于 ECMAScript + 宿主环境。宿主环境提供了一系列的全局对象,例如Node.js提供的require, console等;浏览器提供的DOM...

    KoreyLee 评论0 收藏0
  • JavaScript发出HTTP请求常用方法

    摘要:在本文中,我们将介绍一些在中发出请求的流行方法。是发出异步请求的传统方式。如果等于,则表示请求已完成。是进行调用的最简单方法之一。它需要三个参数请求的地址您要发送的数据和回调函数。事实上,这是制作请求的最佳和最喜欢的方式之一。 showImg(https://segmentfault.com/img/bVbdEhE?w=749&h=450);JavaScript具有很好的模块和方法来发...

    kyanag 评论0 收藏0
  • JavaScript发出HTTP请求常用方法

    摘要:在本文中,我们将介绍一些在中发出请求的流行方法。是发出异步请求的传统方式。如果等于,则表示请求已完成。是进行调用的最简单方法之一。它需要三个参数请求的地址您要发送的数据和回调函数。事实上,这是制作请求的最佳和最喜欢的方式之一。 showImg(https://segmentfault.com/img/bVbdEhE?w=749&h=450);JavaScript具有很好的模块和方法来发...

    gougoujiang 评论0 收藏0

发表评论

0条评论

TerryCai

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<