我有一个json对象,我想通过ajax调用获取它

时间:2017-06-29 06:07:35

标签: jquery json ajax

我有一个json个对象,我想通过调用ajax

来获取它
[  { "color":"black",   "productid":"1",    "price":"1000" },  {
    "color":"blue",     "productid":"2",    "price":"2000" },  {
    "color":"green",    "productid":"3",    "price":"3000" },  {
    "color":"grey",     "productid":"4",    "price":"4000" },  {
    "color":"orange",   "productid":"5",    "price":"5000" },  {
    "color":"purple",   "productid":"6",    "price":"6000" },  {
    "color":"red",      "productid":"7",    "price":"7000" },  {
    "color":"violet",   "productid":"8",    "price":"8000" },  {
    "color":"white",    "productid":"9",    "price":"9000" },  {
    "color":"yellow",   "productid":"10",   "price":"10000" },  ]

这是json文件,我写了ajax,如下所示。

$.ajax({url: 'products.json',          
       dataType: 'json',         
       data: 'data',         
       success: function(data, status, xhr) {             
                                 alert(data);         
                },        
                error: function(xhr, status, error) {              
                                  alert(status);        
              } 
       });

1 个答案:

答案 0 :(得分:1)

以下是从products.json获取JSON的正确代码,并且您的json无效语法错误

 $.ajax({
		url: 'products.json',
		dataType: 'json',
		success: function(data, status, xhr) {
			alert(data);
		},
		error: function(xhr, status, error) {
			alert(status);
		}
	});

产品JSON应

 [{
     "color": "black",
     "productid": "1",
     "price": "1000"
 }, {
     "color": "blue",
     "productid": "2",
     "price": "2000"
 }, {
     "color": "green",
     "productid": "3",
     "price": "3000"
 }, {
     "color": "grey",
     "productid": "4",
     "price": "4000"
 }, {
     "color": "orange",
     "productid": "5",
     "price": "5000"
 }, {
     "color": "purple",
     "productid": "6",
     "price": "6000"
 }, {
     "color": "red",
     "productid": "7",
     "price": "7000"
 }, {
     "color": "violet",
     "productid": "8",
     "price": "8000"
 }, {
     "color": "white",
     "productid": "9",
     "price": "9000"
 }, {
     "color": "yellow",
     "productid": "10",
     "price": "10000"
 } ]