2012-06-26 4 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

하지만 배열 브레이크'[...] ', 누락 (적어도 무엇을의 당신이 게시했습니다). –

답변

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.... 
      } 

링크 : - 당신은 JSON 객체의 배열을 가지고 http://jsfiddle.net/rcDue/3/

+0

일반적인 'for'루프가 객체가 아닌 배열에 사용됩니다. – Blaster

+0

@Blaster 데이터를 검사하면 * 요소가 * 배열이고 각 요소는 json입니다. 그래서 sandeep의 코드는 작동하지만, 여러분의 코드는 작동하지 않습니다. –

+0

답장을 보내 주셔서 감사합니다 ...이 코드를 시도했지만 ... 작동하지 않습니다 .... 정의되지 않았습니다. – vishalg

2

어떻게 가져올 데이터를 사용하여 자바 스크립트 이와 같이

:

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

그건 자바 스크립트 개체입니다. 당신은 간단하게 "점"

alert(myObject.id)alert(myObject.firstName)는 "이씨는"

편집을 생산하는 "1"이 경고를 생성 표기의 변수

var myObjects = {...}

접근이에 저장된 말할 수 : 미안 , 각 속성을 얻으려면 :

시도

(210)
+0

'javascript를 사용하여 각 데이터를 가져 오는 법' – Blaster