使用jquery进行JSON解析

时间:2012-10-03 01:58:56

标签: jquery json api

这里完全是初学者。我有jquery库。我打电话给一个返回json的api。我想在jquery库中使用parseJSON函数来解析它。简单地说,我不知道该怎么做。

我可以在jquery库中找到该函数,它看起来像这样:

parseJSON: function( data ) {
    if ( typeof data !== "string" || !data ) {
        return null;
    }

    // Make sure leading/trailing whitespace is removed (IE can't handle it)
    data = jQuery.trim( data );

    // Attempt to parse using the native JSON parser first
    if ( window.JSON && window.JSON.parse ) {
        return window.JSON.parse( data );
    }

    // Make sure the incoming data is actual JSON
    // Logic borrowed from http://json.org/json2.js
    if ( rvalidchars.test( data.replace( rvalidescape, "@" )
        .replace( rvalidtokens, "]" )
        .replace( rvalidbraces, "")) ) {

        return ( new Function( "return " + data ) )();

    }
    jQuery.error( "Invalid JSON: " + data );
},

我如何通过它发送我的json?

4 个答案:

答案 0 :(得分:2)

var obj = jQuery.parseJSON(yourJsonObj);

答案 1 :(得分:2)

如果您使用的是jQuery AJAX命令,则大多数命令都采用dataType参数。将dataType设置为'json'将自动解析返回的数据。

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

在这种情况下,数据将最终成为基于AJAX调用返回的JSON的对象。

答案 2 :(得分:1)

如果您使用jQuery.getJSON功能,则可以访问您的API端点并在一次通话中解析所有响应。

$.getJSON("/my_resource.json", function(data) {
  // Use data here
});

答案 3 :(得分:0)

jQuery的parseJSON()函数将json转换为javascript对象。

如果您的json是,例如:

{ "firstname" : "john", "lastname" : "doe" }

然后当你使用parseJSON时,你可以像这样访问属性:

var json = '{ "firstname" : "john", "lastname" : "doe" }';
var person = jQuery.parseJSON(json);

console.log(person.firstname); //will show john
console.log(person.lastname); //will show doe

应该让你开始。如需更多信息,请阅读此处的文档:http://api.jquery.com/jQuery.parseJSON/