programing tip

JSON 개체 이름 / 값에 액세스하는 방법은 무엇입니까?

itbloger 2020. 11. 4. 07:44
반응형

JSON 개체 이름 / 값에 액세스하는 방법은 무엇입니까?


function (data) {
    //add values based on activity type
    //data = JSON.parse(data);
    //alert(abc.Phone1);

    alert(data.myName)

    alert(data.toString());
    if (activityType == "Phone") {
    }
    return;

},

보시다시피 컨트롤러에서 데이터를 $.ajax가져 오는 콜백 함수입니다 JSON.

예를 들면 :

[{"name":"myName" ,"address": "myAddress" }]

이 경우 정의되지 않은 첫 번째 경고와 두 번째 / 세 번째 경고 팝업이 나타납니다.

[{"name":"myName" ,"address": "myAddress" }]

이름으로 값에 액세스하여 첫 번째 경고 myName가 값으로 채워지도록하려면 어떻게 name해야합니까?


JSON을 구문 분석하는 대신 다음과 같이 할 수 있습니다.

$.ajax({
  ..
  dataType: 'json' // using json, jquery will make parse for  you
});

JSON 속성에 액세스하려면 다음을 수행하십시오.

data[0].name;

data[0].address;

data[0]데이터가 배열이기 때문에 필요한 이유는 콘텐츠 검색에 data[0](첫 번째 요소) 가 필요 합니다 {"name":"myName" ,"address": "myAddress" }.

객체 규칙의 속성에 액세스하는 방법은 다음과 같습니다.

Object.property

또는 때때로

Object["property"] // in some case

그래서 당신은 필요합니다

data[0].name 원하는 것을 얻으려면 등등.


그렇지 않다면

설정 dataType: json하면 $.parseJSON()위와 같이 데이터를 검색 하고 사용하여 구문 분석해야합니다 .


수신중인 JSON은 문자열입니다. JSON 객체로 변환해야합니다. 가장 중요한 코드 줄에 주석을 달았습니다.

data = JSON.parse(data);

또는 jQuery를 사용하는 경우

data = $.parseJSON(data)

당신이 응답하면 {'customer':{'first_name':'John','last_name':'Cena'}}

var d = JSON.parse(response);
alert(d.customer.first_name); // contains "John"

감사,


당신은해야합니다

alert(data[0].name); //Take the property name of the first array

그리고 아닙니다

 alert(data.myName)

jQuery는 설정하지 않아도 JSON.parse가 필요하지 않더라도 데이터 유형을 스니핑 할 수 있어야합니다.

여기 바이올린

http://jsfiddle.net/H2yN6/


이 코드를 시도하십시오 ..

function (data) {


var json = jQuery.parseJSON(data);
alert( json.name );


}

dataType: 'json'ajax 구성에서 언급 하고 해당 값에 액세스 해야한다고 생각합니다 .

data[0].name

이 방법을 시도해 볼 수 있습니다.

var  str ="{ "name" : "user"}";
var jsonData = JSON.parse(str);     
console.log(jsonData.name)
//Array Object
str ="[{ "name" : "user"},{ "name" : "user2"}]";
jsonData = JSON.parse(str);     
console.log(jsonData[0].name)

다음은 친절한 조언입니다. Chrome 개발자 도구 또는 Firefox 용 Firebug 와 같은 도구를 사용 하여 Ajax 호출 및 결과를 검사합니다.

You may also want to invest some time in understanding a helper library like Underscore, which complements jQuery and gives you 60+ useful functions for manipulating data objects with JavaScript.

참고URL : https://stackoverflow.com/questions/10895306/how-to-access-json-object-name-value

반응형