jquery ajax 데이터에 [개체 개체]가 표시됩니다.
서버에서 보고된 데이터에 대해 경고하기 위해 매우 기본적인 Ajax 통화가 있습니다.
$.ajax({
type: "POST",
url: "/someform/act", //edit utl to url
data: { changed: JSON.stringify(plainData) }, //edit to include
success: function(data) {
alert(data); //data not $data
},
error: function() {
//error condition code
}
});
성공 콜백에 관한 자료란에 대한 jquery 웹사이트의 문서에 따르면 반환된 자료는 서버의 자료라고 합니다.하지만 어떤 이상한 이유로 내가 경고했을 때$data
알겠습니다[object Object]
저는 이것이 서버가 돌려보낼 것이기 때문에 이것과 같은 것을 볼 것이라고 예상했습니다.
<status>0</status>
편집:
데이터는 POST로도 전달됩니다.
사용해야 합니다.JSON.stringify(data)
에서alert
읽을 수 있는 것은 무엇이든.
또한.$data
와 완전히 다른 변수 이름입니다.data
.
alert()
인수의 문자열 표현을 인쇄합니다. 따라서 객체를 통과하면[object Object]
.
데이터를 검사하는 방법, 사용console.log(data)
낫다.
서버에서 JSON을 보낼 경우, 다음을 입력해야 합니다.dataType: 'json'
당신의 아약스 호출에.아약스 호출에 오류가 있다는 것을 알아두시기 바랍니다.
$.ajax({
type: "POST",
url: "/someform/act", // NOT 'UTL',
data: {
key: value,
key2: value2
},
// or data: plaindata, // If 'plaindata' is an object.
dataType: 'json',
success: function(data) {
console.log(data); // As moonwave99 said
},
error: function() {
//error condition code
}
});
편집
데이터를 보낼 때는 객체를 보내야 합니다.jQuery는 배열을 처리하여 서버로 전송합니다.따라서 일반 데이터가 객체라면 다음과 같아야 합니다.
data: plainData,
데이터를 전송하는 경우$.ajax({...})
브라우저 검사기의 네트워크 탭이 표시될 수 있습니다.[object Object]
에서Payload
(크롬) /Request
다음 이미지(Firefox)와 같은 (Firefox) 하위 탭:
이는 AJAX 콜을 작성하는 방식 때문일 수 있습니다.구체적으로:
$.ajax({
url: '/ajax/example-endpoint',
data: {'fooKey':fooData,'barKey':barData},
type: 'post',
cache: false,
contentType: false, // this one will turn your data into something like fooKey=fooData&barKey=barData
processData: false, // and this one will make it [object Object]:""
beforeSend: function() {
// whatever it is you need to do
},
success: function(data) {
// do stuff
},
error: function(desc, err) {
// do stuff
}
});
합칠 때,contentType: false
그리고.processData: false
데이터를 로 변환[object Object]
왜냐하면 당신은 실제로 당신의 AJAX 호출에 전송되는 내용 유형을 무시하고 처리하지 말라고 말하고 있기 때문입니다.
언급URL : https://stackoverflow.com/questions/18062951/jquery-ajax-data-shows-object-object
'programing' 카테고리의 다른 글
IntelliJ에서 스프링 활성 프로파일 환경 변수를 설정하는 방법 (0) | 2023.08.04 |
---|---|
스위프트의 한 조각은 무엇입니까? (0) | 2023.08.04 |
여러 저장 프로시저의 결과 연합 (0) | 2023.08.04 |
키워드 "weak"을 클래스 및 클래스 바인딩 프로토콜 유형에만 적용할 수 있는 이유는 무엇입니까? (0) | 2023.08.04 |
이름이나 유형에 특정 언어 연결이 있다는 것은 무엇을 의미합니까? (0) | 2023.07.30 |