zoukankan      html  css  js  c++  java
  • jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm
    jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。这篇文章对此进行了实例介绍,需要的朋友可以参考下

    jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。

    代码示例如下:

    复制代码 代码如下:

    $('#send').click(function () {
        $.ajax({
            type : "GET",
            url : "a.php",
            dataType : "jsonp",
            success : function (data) {
                $.each(data.items, function (i, item) {
                    $("<img class='para'/> ").attr("src", item.media.m).appendTo("#resText");
                    if (i == 3) {
                        return false;
                    }
                });
            }
        });
    });

    $.ajax方法如下:

    复制代码 代码如下:

    $.ajax({
       type: "POST",
       url:  ctxRoot+'FolderAction!saveInformSetting.action',
       data: 'jsonStr=' + inform_settingListStr,
       dataType: "json",
       complete: function(data){
           //在这里做些事情,假设返回的json数据里有name这个属性
           //有时候可以直接data.name或者data['name']去访问
           //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
       }
       });
    $.ajax(options)

    这是最根本的JQuery Ajax方法,只有一个参数options,该options参数中包含了请求信息和回调函数的信息。参数内容都是key:value对形式出现,并且都是可选的。

    语法如下:

    $.ajax({options});
    url:(string)发送请求的地址,可以是服务器页面也可以是WebService动作。
    type:(string)请求方式,POST或GET
    data:(object)向服务器发送请求时带去的数据。是key:value对形式,如:{name:"grayworm",sex:"male"},如果是数组{works:["work1","work2"]}
    dataType:(string)预期返回的数据类型。xml,html,json,text等
    beforeSend:(Function)发送ajax请求前被触发,如果返回false则取消本次请求。如果异步请求需要显示gif动画,那应当在这里设置相应<img>的可见。

  • 相关阅读:
    Gym 101606 F-Flipping Coins(概率dp)
    Gym101350 J Lazy Physics Cat
    Gym 101350G
    hdu6188 Duizi and Shunzi (贪心或者dp)
    Gym101350 FMonkeying Around
    codeforce 457DIV2 C题
    codeforce 457DIV2 B题
    codeforce 461DIV2 F题
    codeforce 461DIV2 E题
    PE文件RV转FOA及FOA转RVA
  • 原文地址:https://www.cnblogs.com/antis/p/5458227.html
Copyright © 2011-2022 走看看