Json 데이터는 실시간 데이터 상호 작용을 위한 데이터 저장 방법입니다. 가장 일반적으로 사용되는 방법은 ajax와 json의 조합입니다. JQuery ajax가 JSON을 반환할 때 처리 방법(3가지 방법)을 공유하겠습니다. 참고하세요
최근 JQuery의 ajax 메소드를 사용할 때 반환되는 데이터가 json 데이터여야 합니다. 처리 중에 다음과 같은 문제가 발생했습니다. 즉, json 데이터를 생성하기 위해 다른 메소드를 사용할 때 어떻게 처리해야 하는지에 대한 문제입니다. $.ajax 메소드에 대해서는 아래에서 차례로 설명하겠습니다. 저는 asp.net을 사용하고 있기 때문에 모든 페이지 처리가 .net에서 이루어집니다! 다른 방법도 동일해야 합니다.
1. JSON에 대한 기본 지식.
JSON의 개체는 "{}"으로 식별됩니다. "{}"는 {"AreaId":"123"}와 같은 개체를 나타내며 개체의 값은 키-값 형식입니다. 쌍(키: 값).
"[]"는 배열을 식별하며, 배열 내부의 각 데이터는 ","로 구분됩니다(예: ["AreaId": "123", "AreaId": "345"]).
많은 경우에 이는 객체의 배열입니다.
[{“AreaId”:”123”},{“AreaId”:”345”}]
실제로 배열도 객체이며 위 형식을 다음과 같이 작성할 수도 있습니다.
{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}
이것은 두 개의 하위 데이터가 있는 Area 개체를 나타내며 각 하위 데이터도 개체이고 각 하위 개체는 AreaId입니다.
JSON의 문자열 및 문자 정의 형식은 일반적인 C 언어 정의와 유사하며 큰따옴표는 문자열을 정의하고 작은따옴표는 문자를 정의합니다.
JSON 키는 큰따옴표로 묶입니다. 예를 들어 위의 "Area" 및 "AreaId"는 큰따옴표로 묶입니다. 일부 언어에서는 JSON 문자열을 구성할 때 이스케이프 큰따옴표를 사용할 수 있습니다.
먼저 전송할 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();
2에서 직접 사용되며, 웹 서비스(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); } });
public static string GetDemoData() { return "[{\"demoData\":\"This Is The JSON Data\"}]"; }
3. ashx 파일을 사용하여 처리하는 방법은 일반적인 aspx 페이지 처리와 동일하므로 여기서는 설명하지 않겠습니다!
위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 여러분에게 도움이 되기를 바랍니다.
관련 기사:JQuery ajaxSubmit에서 제출한 중국어 잘못된 코드를 해결하는 방법
JQuery ajax가 json을 반환할 때 중국어 잘못된 코드를 해결하는 방법
에서 ajax post 메서드를 사용하는 방법 Django 프레임워크
위 내용은 JQuery ajax가 JSON을 반환할 때 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!