GVKun编程网logo

如何使用jquery处理json数据(jquery处理json格式数据)

11

对于想了解如何使用jquery处理json数据的读者,本文将提供新的信息,我们将详细介绍jquery处理json格式数据,并且为您提供关于Ajax-JQuery处理jsonarray、asp.net-

对于想了解如何使用jquery处理json数据的读者,本文将提供新的信息,我们将详细介绍jquery处理json格式数据,并且为您提供关于Ajax-JQuery处理jsonarray、asp.net-mvc – 如何使用jquery处理JSON?、django1.7处理jquery.post的json数据问题、javascript – 使用jQuery处理JSON对象?的有价值信息。

本文目录一览:

如何使用jquery处理json数据(jquery处理json格式数据)

如何使用jquery处理json数据(jquery处理json格式数据)

    如摘要所说,json是常用的前后端交互的数据格式,本文简单介绍jquery如何解析json数据,以备忘。

如下是一个嵌套的json:

[{"name":"20:00-21:15","price":"1.00"},{"name":"17:30-17:59","price":"1.00"},
{"name":"22:00-22:30","price":"3.00"},{"name":"20:00-21:15&22:00-22:30","price":"0.00"}]

1.在jQuery中有一个简单的方法 $.getJSON() 可以实现.

    

下面引用的是官方API对$.getJSON()的说明:

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

urlA string containing the URL to which the request is sent.

dataA map or string that is sent to the server with the request.

success(data, textStatus, jqXHR)A callback function that is executed if the request succeeds.

回调函数中接受三个参数,第一个书返回的数据,第二个是状态,第三个是jQuery的XMLHttpRequest,我们只使用到第一个参数。

$.each()是用来在回调函数中解析JSON数据的方法,下面是官方文档:

jQuery.each( collection, callback(indexInArray, valueOfElement) )

collectionThe object or array to iterate over.

callback(indexInArray, valueOfElement)The function that will be executed on every object.


$.each()方法接受两个参数,第一个是需要遍历的对象集合(JSON对象集合),第二个是用来遍历的方法,这个方法又接受两个参数,第一个是遍历的index,第二个是当前遍历的值


function loadInfo() {
    $.getJSON("loadInfo", function(data) {
        $("#info").html("");//
        $.each(data.comments, function(i, item) {
            $("#info").append(''<option value="''    +item.price+     ''">''     
          +item.name+    ''</option>'');
        });
        });
}

2.或者不用$.getJSON而使用$.ajax获取返回数据的时候使用eval解析,例如

pricejson = eval(msg);

                         var    salehtml = '''';
                           $.each(pricejson, function(i, item) 
                         {                                 
                               salehtml  += ''<option value="''    +item.price+     ''">''     +item.name+    ''</option>''; 
                          }); 
$("#info").html(salehtml);


PS: 原生javascript处理客户端js接收返回数据的时候,有时候服务端有可能返回空的对像,

比如:

var data = ({});

isEmptyObject: function( obj ) {
    for ( var name in obj ) {
        return false;
    }
    return true;
}



Ajax-JQuery处理jsonarray

Ajax-JQuery处理jsonarray


问题是这样的,我在后台有一个JSONArray格式的json串,是通过前台 ajax 请求得到的,然后需要展示在页面上。

闲话少说。


1、组织数据来源

List<实体类> list=生成实体类的方法,是一个list,含有许多实体类型的对象;


将list转化为jsonarray对象

JSONArray ja=JSONArray.fromObject(list);


2、将JSONArray 返回给前台的ajax

注意,要返回一个string 类型的串 [ {"name":"小明",“sex”:"男"},{"name":"小红",“sex”:"女"} ]


message.put("list",ja.toString());



3、前台获取-是遍历并显示在指定的div中

$.each(eval(json.list),function(Index,entry){ var html = '<div>'+'第'+(i++) +'条|'+'扫描被移动到指定组:'+entry['groupto'] +'|二维码序列数:'+entry['scene_id']+'|备注:'+entry['content']+ '<br/>'+'</div>'; $('#qrcodetemshow').append(html); });

asp.net-mvc – 如何使用jquery处理JSON?

asp.net-mvc – 如何使用jquery处理JSON?

我有一个控制器,它返回 JSON格式的自定义linq-to-sql模型对象列表到jquery ajax调用:
List<MyAppLibrary.Model.Search> listSearches = search.ToList();
        return new JsonResult { Data = listSearches };

我有以下javascript获得响应:

$.getJSON("/ajax/getbrands",function(data) {
        alert(data);
    });

我想知道如何在javascript中处理数据响应?如何获取Model.Search对象的Name参数?

谢谢.

解决方法

从jQuery AJAX调用返回的数据变量包含JSON对象.您可以在JavaScript中访问每个MyAppLibrary.Model.Search对象的字段,如下所示:
// this will grab the Search object at index 0 of your list
// and put the Name property's value of the Search object
// into a var
var firstItemName = data.Data[0].Name;

django1.7处理jquery.post的json数据问题

django1.7处理jquery.post的json数据问题

django1.7如何处理jquery.post的json数据问题?

在JS里,我提交一个json对像结构是这样的:

mkSetInfo = {
ptMacro:'''',     //产品
ptMacroSet:[], //数组产品公宏公共属性
csMacro: '''',   //客户宏
resStyle:'''',    //风格
oemId:-1,
oemSet:[],      //客户OEM宏设置
};
提交时是这样的:

$.post(action_url,mkSetInfo,function(data, status){
alert(data);
alert(status);
});

后端收到数据后:

def view_SY0102(request):
if request.method == "POST":

postData = json.loads(request.body.decode())

for key in postData:

     print postData[key]

上面这样处理不对,

直接用 

request.POST.get() 也会有问题

ptMacroSet和oemSet数组都不正常了。

可以用request.POST.get(''...'')获取上面对像里的ptMacro,csMacro这些它的值不是数据的对像,如果是数组,则不能了,打印request.POST发现数组里的值都变成一级对像值了。



javascript – 使用jQuery处理JSON对象?

javascript – 使用jQuery处理JSON对象?

我无法处理我从 AJAX请求中获取的 JSON对象.

它是一个简单的平面JSON对象,我想要做的就是将响应写回页面.

任何人都可以指出如何循环这些对象并输出值?我只是继续写[undefined]或[object]

代码在这里:

$.ajax({  
          type: "POST",url: "func/chatResponse.PHP",data: dataString,success: function() {  
            $.getJSON('func/chatResponse.PHP?a=jsonLatest',function(data) {
                $.each(data,function(index) {
                    //items.push('<li id="' + key + '">' + val + '</li>');
                    $('body').append('<li id="' + data.user + '">' + data.user + '</li>');
                    alert(data);
                 });
            });
            alert("done");
          }  
        });

这里有JSON示例

[
    {"user":"someguy","message":"my message","timestamp":"2011-04-19 17:26:09"},{"user":"Cheyne","message":"hey There ...  Nice site","timestamp":"2011-04-19 17:26:09"}
]

解决方法

data是数组,而你想要数组中的项.

$.each不会将数据更改为项目,而是将单个项目作为第二个参数传递给您提供的函数:

$.each(data,function (index,item) {
    // Use item in here
    $('body').append('<li id="' + item.user + '">' + item.user + '</li>');
});

或者,您可以使用数据[索引]:

$.each(data,function (index) {
    // use data[index] in here
    $('body').append('<li id="' + data[index].user + '">' + data[index].user + '</li>');
});

顺便说一句,避免丑陋的字符串连接:

$('<li>',{id: item.user,text: item.user}).appendTo('body');

今天的关于如何使用jquery处理json数据jquery处理json格式数据的分享已经结束,谢谢您的关注,如果想了解更多关于Ajax-JQuery处理jsonarray、asp.net-mvc – 如何使用jquery处理JSON?、django1.7处理jquery.post的json数据问题、javascript – 使用jQuery处理JSON对象?的相关知识,请在本站进行查询。

本文标签: