2012-06-26 160 views
1
 
{ 
    "id":"1", 
    "firstName":"vishal", 
    "lastName":"gehlot", 
    "title":"Mr.", 
    "officePhone":"643636", 
    "lastModified":"" 
}, 
{ 
    "id":"2", 
    "firstName":"daya", 
    "lastName":"dayaji", 
    "title":"Mr.", 
    "officePhone":"858587", 
    "lastModified":"" 
}, 
{ 
    "id":"7", 
    "firstName":"tripti", 
    "lastName":"tri", 
    "title":"ms", 
    "officePhone":"4535", 
    "lastModified":"" 
}, 
{ 
    "id":"59", 
    "firstName":"Daya", 
    "lastName":"s", 
    "title":"", 
    "officePhone":"698789", 
    "lastModified":"" 
}, 
{ 
    "id":"89", 
    "firstName":"prashant", 
    "lastName":"p", 
    "title":"", 
    "officePhone":"987698", 
    "lastModified":"" 
} 

如何使用JavaScript獲取每個數據?從JavaScript獲取數據從AJAX(JSON)響應獲取

<script type="text/javascript" src="ajax.js"> 
function loadXMLDoc() 
{ 
    alert('inside'); 
var xmlhttp; 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
// alert(xmlhttp.readyState); 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    // alert(xmlhttp.responseText); 
    var obj = [{"id":"1","firstName":"vishal","lastName":"gehlot","title":"Mr.","officePhone":"643636","lastModified":""},{"id":"2","firstName":"daya","lastName":"dayaji","title":"Mr.","officePhone":"858587","lastModified":""},{"id":"7","firstName":"tripti","lastName":"tri","title":"ms","officePhone":"4535","lastModified":""},{"id":"59","firstName":"Daya","lastName":"s","title":"","officePhone":"698789","lastModified":""},{"id":"89","firstName":"prashant","lastName":"p","title":"","officePhone":"987698","lastModified":""}]; 
     alert(obj); 
     for(var index=0; index<obj.length;index++) { 

      alert((obj[index].id)); 
      alert((obj[index].firstName)); 
       //like this.... 
      } 
    } 
    } 
xmlhttp.open("GET","localapi.php?mode=list",true); 
xmlhttp.send(); 
} 

</script> 
<input type="button" value="Check Data" onclick="loadXMLDoc()" /> 

這個代碼工作來回我,但是當我已經採取了OBJ從阿賈克斯它不工作得到相同的反應......會是什麼問題

+0

你有JSON對象的數組,但數組剎車,'[...]',缺少(至少在哪你已經發布)。 –

回答

3

代碼: -

var obj=[{"id":"1","firstName":"vishal","lastName":"gehlot","title":"Mr.","officePhone":"643636","lastModified":""},{"id":"2","firstName":"daya","lastName":"dayaji","title":"Mr.","officePhone":"858587","lastModified":""},{"id":"7","firstName":"tripti","lastName":"tri","title":"ms","officePhone":"4535","lastModified":""},{"id":"59","firstName":"Daya","lastName":"s","title":"","officePhone":"698789","lastModified":""},{"id":"89","firstName":"prashant","lastName":"p","title":"","officePhone":"987698","lastModified":""}]; 


     for(var index=0; index<obj.length;index++) { 

      document.write(obj[index].id) 
      document.write(obj[index].firstName) 
       //like this.... 
      } 

鏈接: - http://jsfiddle.net/rcDue/3/

+0

普通'for'循環用於陣列讀取每個數據不是對象:) – Blaster

+0

@Blaster如果檢查數據,你會看到它*是*一個數組,其中每個元素一個JSON對象,所以Sandeep的代碼會工作,但你不會。 –

+0

感謝回覆我試過這個代碼...但不是爲我工作....顯示未定義 – vishalg

2

如何獲取每個數據使用JavaScript

像這樣:

var obj = JSON.parse(yourJSONData); 

for (var x in obj) { 
    if (obj.hasOwnProperty(x)) { 
    console.log(obj[x]); 
    } 
} 

上面的代碼使用JSON.parse你的JSON字符串轉換爲JavaScript對象,然後使用for-in循環讀取它的每個屬性。

0

這是一個JavaScript對象。比方說,你在用簡單的「點」符號

alert(myObject.id)產生一個警報「1」 alert(myObject.firstName)生產「維沙爾」

編輯變量

var myObjects = {...}

訪問它救了它:對不起,以獲得每個屬性:

嘗試

for (var propertyName in myObject) { 
    alert(myObject[propertyName]); 
} 
+0

'如何使用javascript' – Blaster