Ajax gets JSON data passed in the background

 

When using the Ajax method of jquery recently, the data that needs to be returned is JSON data, and data processing in success returns different ways to generate JSON data depending on how it is returned. How it should be handled in the $.ajax method is simply explained.

First, give the JSON data to be transmitted: [{"Demodata": "This is the JSON"}]

1, use the normal ASPX page to handle

JS Code

2. $.ajax ({
4. Type: "POST",
6. URL: "default.aspx",
8. DataType: "JSON",
10. Success: function (data) {
12. $ ("Input#showtime"). Val (Data[0].demodata);
14. },
16. Error: function (XMLHttpRequest, textstatus, Errorthrown) {
18. alert (Errorthrown);
20. }
22. });

Here is the code that passes the data in the background

Java Code

1. Response.Clear ();
2. Response.Write ("[{\" demodata\ ": \" This is the JSON data\ "}]");
3. Response.Flush ();
4. Response.End ();

This process of processing the data passed directly into the JSON data, that is to say, the foreground JS code can directly parse the data into JSON object data, rather than string data, such as Data[0].demodata, this is the direct use of this JSON object data

2, using WebService (ASMX) to process

This approach does not treat the passed data as JSON object data, but rather as a string, as in the following code

JS Code

2. $.ajax ({
4. Type: "POST",
6. URL: "Jquerycsmethodform.asmx/getdemodata",
8. DataType: "json",/* This sentence can not be used, no impact * /
12. ContentType: "Application/json; Charset=utf-8 ",
14. Success: function (data) {
16. $ ("Input#showtime"). Val (eval ('(' + DATA.D + ') ') [0].demodata];
20. //There are two ways to convert data, and the effect of two processing methods is the same
22. //$ ("Input#showtime"). Val (eval (DATA.D) [0].demodata];
24. },
26. Error: function (XMLHttpRequest, textstatus, Errorthrown) {
28. alert (Errorthrown);
30. }
32. });

Here is the method code for ASMX

Java Code

1. Public static String Getdemodata () {
2. return "[{\" demodata\ ": \" This is the JSON data\ "}]";
3. }

The processing here treats the JSON data that is passed back as a string, where the data is processed by eval to be the real JSON object data.

That

Java Code

1. Success:function (data) {
2. eval (data);
3. }

Ajax gets JSON data passed in the background