Question

我有以下json对象数组

[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]

我如何使用jquery解析它并获取每个的名称，id。

提前致谢

Answer 1

＆＃13;

var data = [{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}];
    jQuery(data).each(function(i, item){
        $('#output').append(item.id + ' ' + item.name + '<br>');
    })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

＆＃13;

var data = [{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}];
jQuery(data).each(function(i, item){
    console.log(item.id, item.name)
})

Answer 2

使用jQuery.parseJSON() method：

 Bitmap b = Bitmap.createScaledBitmap(mBitmap, width, height, false);

                Long uuid = UUID.randomUUID().getMostSignificantBits();
            File path = Environment.getExternalStoragePublicDirectory(
                    Environment.DIRECTORY_PICTURES + "/test");

            if(!path.exists() && !path.isDirectory()){
                path.mkdirs();
            }

            Log.i("Directory:", path.toString());

            File file = new File(path, "test_" + uuid + ".jpg");

            if (file.exists()){
                file.delete();
            }

            FileOutputStream out = null;
            try {
                out = new FileOutputStream(file);
                b.compress(Bitmap.CompressFormat.JPEG, 80, out);

            } catch (Exception e) {
                e.printStackTrace();
            } finally {
                try {
                    if (out != null) {
                        out.close();
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }

        }
    });

该代码会将此日志记录到您的控制台：

var arr = jQuery.parseJSON( '[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]' );

for (var i = 0; i < arr.length; i++) {
    console.log('index: ' + i + ', id: ' + arr[i].id + ', name: ' + arr[i].name);
}

Answer 3

使用json2.js并解析json对象的数组。请参阅下面的工作代码，

var data = '[{"id":10,"name":"sinu"},{"id":20,"name":"shinto"}]';

var obj = JSON.parse(data);

var append= '';

$.each(obj, function(i, $val)
  {
    append+= $val.id + ',';
  });
       
$('#ids').text(append);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js"></script>

<label id='ids'/>

Answer 4

一种方法是使用每个函数迭代json对象并获取值。

$.each(jsonObject,function(i.field){
id=field.id;
name=field.name;
});

或可以使用获取对象数组 JSON.parse（JSON.stringify（的JSONObject））

如何在jquery中解析json对象的数组

4 个答案: