Ajax 백그라운드 성공에서 전송된 json 데이터의 문제점에 대한 간략한 분석

최근에는 JQuery의 ajax 메서드를 사용할 때 반환해야 하는 데이터가 json 데이터입니다. 성공 반환에서 데이터 처리는 반환 메서드에 따라 json 데이터를 생성하는 데 다른 방법을 사용합니다. 아래 에디터가 $.ajax 메소드에서 처리하는 방법을 소개해드리겠습니다. ajax에 관심 있는 친구들은 꼭 보세요!

최근에는 JQuery의 ajax 메서드를 사용할 때 반환해야 하는 데이터가 json 데이터입니다. 성공 반환 시 데이터 처리에서는 반환 메서드에 따라 json 데이터를 생성하는 방법이 다릅니다. $.ajax 메소드에서 어떻게 처리해야 하는지 간략하게 설명합니다.

먼저 전송할 json 데이터를 제공합니다: [{"demoData":"This Is The JSON Data"}]

1, 일반 aspx 페이지를 사용하여 처리

$.ajax({ 
type: "post", 
url: "Default.aspx", 
dataType: "json", 
success: function (data) { 
$("input#showTime").val(data[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

다음은 백그라운드에서 데이터를 전송하기 위한 코드입니다.

Response.Clear(); 
Response.Write("[{\"demoData\":\"This Is The JSON Data\"}]"); 
Response.Flush(); 
Response.End();

이 처리 방법은 전달된 데이터를 json 데이터로 직접 구문 분석하는데, 이는 여기의 프런트엔드 js 코드가 data[0].demoData와 같은 문자열 데이터 대신 json 객체 데이터로 데이터를 직접 구문 분석할 수 있음을 의미합니다. 이 json 개체 데이터를 직접 사용

2, webservice(asmx)를 사용하여 처리

이 처리 방법은 전달된 데이터를 json 개체 데이터로 처리하지 않고 다음 코드와 같이 문자열로 처리합니다.

$.ajax({ 
type: "post", 
url: "JqueryCSMethodForm.asmx/GetDemoData", 
dataType: "json",/*这句可用可不用，没有影响*/ 
contentType: "application/json; charset=utf-8", 
success: function (data) { 
$("input#showTime").val(eval('(' + data.d + ')')[0].demoData); 
//这里有两种对数据的转换方式，两处理方式的效果一样 
//$("input#showTime").val(eval(data.d)[0].demoData); 
}, 
error: function (XMLHttpRequest, textStatus, errorThrown) { 
alert(errorThrown); 
} 
});

다음은 asmx 메소드 코드

public static string GetDemoData() { 
return "[{\"demoData\":\"This Is The JSON Data\"}]"; 
}

여기서 이 처리 방법은 전달된 json 데이터를 문자열로 처리하므로 이 데이터를 eval 처리해야 실제 json 객체 데이터가 될 수 있습니다.

그게

success:function(data){ 
eval(data); 
}

위는 편집자가 소개한 Ajax 백그라운드 성공에서 전송되는 json 데이터의 문제입니다. 모두에게 도움이 되길 바랍니다! !

관련 권장 사항:

jQuery.ajax에서 성공과 완료의 차이

ajax는 성공하지 않고 오류만 발생하며 요청 상태 코드는 200입니다.

javascript - 성공 ajax의 콜백 함수 json 데이터를 출력하는 방법

위 내용은 Ajax 백그라운드 성공에서 전송된 json 데이터의 문제점에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!