首頁猿問使用$.each對(duì)JSON數(shù)據(jù)執(zhí)行...

使用$.each對(duì)JSON數(shù)據(jù)執(zhí)行jQuery循環(huán)

JavaScript

翻翻過去那場(chǎng)雪 2019-08-03 03:03:13

使用$.each對(duì)JSON數(shù)據(jù)執(zhí)行jQuery循環(huán)下面的JSON返回到一個(gè)名為data的變量中。這是返回的JSON.。[ {"Id": 10004, "PageName": "club"}, {"Id": 10040, "PageName": "qaz"}, {"Id": 10059, "PageName": "jjjjjjj"}]我正在嘗試使用$.each循環(huán)這個(gè)集合，但是我遇到了警報(bào)顯示未定義的問題。我嘗試過很多不同的語法，但似乎無法理解。我使用的JQuery是$.each(data, function(i, item) { alert(item.PageName);});有誰能把我引向正確的方向嗎？編輯這是我用來獲取數(shù)據(jù)的代碼$.getJSON('/Cms/GetPages/123', null, function(data) { fillSelect(data);});這是在回調(diào)時(shí)被調(diào)用的函數(shù)function fillSelect(data) { alert(data); $.each(data, function(i, item) { alert(item.PageName); });}編輯2這讓我有點(diǎn)困惑，根據(jù)我的文檔，它應(yīng)該像我有的那樣工作，但它沒有。Content-Type: application/json; charset=utf-8上面的JSON是正確的。我正在使用鉻，如果這使任何不同。將在IE和FF中進(jìn)行測(cè)試.編輯3使用$.get生成"[\r\n {\r\n \"Id\": 10041,\r\n \"PageName\": \"01234567890\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 2\r\n },\r\n {\r\n \"Id\": 10001,\r\n \"PageName\": \"about\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 1\r\n },\r\n {\r\n \"Id\": 10056,\r\n \"PageName\": \"fdgdfgdfg\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 1\r\n },\r\n {\r\n \"Id\": 10052,\r\n \"PageName\": \"hjkhjk\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 2\r\n },\r\n {\r\n \"Id\": 10059,\r\n \"PageName\": \"jjjjjjj\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 1\r\n },\r\n {\r\n \"Id\": 10057,\r\n \"PageName\": \"qqqqq\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 2\r\n },\r\n {\r\n \"Id\": 10054,\r\n \"PageName\": \"qwqw\",\r\n \"MetaId\": 1000,\r\n \"TemplateId\": 2\r\n }\r\n]"

查看完整描述

3 回答

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

var data = [ 
 {"Id": 10004, "PageName": "club"}, 
 {"Id": 10040, "PageName": "qaz"}, 
 {"Id": 10059, "PageName": "jjjjjjj"}];$.each(data, function(i, item) {
    alert(data[i].PageName);});$.each(data, function(i, item) {
    alert(item.PageName);});

這兩個(gè)選項(xiàng)運(yùn)行良好，除非您有如下內(nèi)容：

var data.result = [ 
 {"Id": 10004, "PageName": "club"}, 
 {"Id": 10040, "PageName": "qaz"}, 
 {"Id": 10059, "PageName": "jjjjjjj"}];$.each(data.result, function(i, item) {
    alert(data.result[i].PageName);});

編輯：

嘗試使用這個(gè)，并描述結(jié)果

$.get('/Cms/GetPages/123', function(data) {
  alert(data);});

編輯3：

這糾正了問題，但不是使用“val”的想法，您應(yīng)該看到‘/CMS/GetPages/123’中的響應(yīng)如何。

$.get('/Cms/GetPages/123', function(data) {
  $.each(eval(data.replace(/[\r\n]/, "")), function(i, item) {
   alert(item.PageName);
  });});

反對(duì) 回復(fù) 2019-08-05

jeck貓

TA貢獻(xiàn)1909條經(jīng)驗(yàn) 獲得超7個(gè)贊

您是否將數(shù)據(jù)從String轉(zhuǎn)換為JavaScript對(duì)象？

你可以用data = eval('(' + string_data + ')');或者，哪個(gè)更安全，data = JSON.parse(string_data);但以后只會(huì)在FF 3.5中工作，或者如果您包括json2.js

jQuery自1.4.1以來也有此功能，$.parseJSON().

但實(shí)際上$.getJSON()應(yīng)該為您提供已經(jīng)解析過的json對(duì)象，因此您應(yīng)該徹底檢查所有內(nèi)容，在某個(gè)地方幾乎沒有什么錯(cuò)誤，就像您可能忘記引用json中的某些內(nèi)容一樣，或者其中的一個(gè)括號(hào)丟失了。

反對(duì) 回復(fù) 2019-08-05