Zurückgeben von JSON mit ASP.NET & jQuery

Question

Ich kann nicht erhalten, wie ich JSON-Daten mit meinem Code zurückgeben kann.

JS

$(function() { 
$.ajax({ 
     type: "POST", 
     url: "Default.aspx/GetProducts", 
     data: "{}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      // How to return data here like a table??? 
      $("#Second").text(msg.d); 
      //alert(msg.d); 
     } 
    }); 
}); 

C# von Default.aspx.cs

[WebMethod] 
public static string GetProducts() 
{ 
    var products = context.GetProducts().ToList(); 
    return What do I have to return ???? 
} 

Vielen Dank im Voraus!

Answer 1

Sie‘ nicht weit; Sie müssen so etwas wie dies tun:

[WebMethod] 
public static string GetProducts() 
{ 
    // instantiate a serializer 
    JavaScriptSerializer TheSerializer = new JavaScriptSerializer(); 

    //optional: you can create your own custom converter 
    TheSerializer.RegisterConverters(new JavaScriptConverter[] {new MyCustomJson()}); 

    var products = context.GetProducts().ToList(); 

    var TheJson = TheSerializer.Serialize(products); 

    return TheJson; 
} 

Sie diesen Code reduzieren kann weiter aber ich habe es so, dass aus Gründen der Klarheit. Tatsächlich könnten Sie sogar Folgendes schreiben:

return context.GetProducts().ToList(); 

und dies würde eine JSON-Zeichenfolge zurückgeben. Ich bevorzuge es, expliziter zu sein, weil ich benutzerdefinierte Konverter verwende. Es gibt auch Json.net, aber das Framework JavaScriptSerializer funktioniert einfach out of the box.

Answer 2

Asp.net ist ziemlich gut in der automatischen Konvertierung von. Net-Objekten in JSON. Wenn Ihr List-Objekt in Ihrer Webmethode zurückgegeben wird, sollte ein json/javascript-Array zurückgegeben werden. Was ich damit meine, ist, dass Sie den Rückgabetyp nicht in einen String ändern sollten (weil Sie denken, dass der Client dies erwartet), wenn Sie Daten von einer Methode zurückgeben. Wenn Sie ein .net-Array von einer Webmethode zurückgeben, wird ein Java-Array an den Client zurückgegeben. Es funktioniert nicht wirklich gut für kompliziertere Objekte, aber für einfache Array-Daten ist es in Ordnung.

Natürlich liegt es an Ihnen, zu tun, was Sie auf der Client-Seite tun müssen.

Ich würde so etwas wie dieses denken:

[WebMethod] 
public static List GetProducts() 
{ 
    var products = context.GetProducts().ToList(); 
    return products; 
} 

Es sollte wirklich keine Notwendigkeit, alle benutzerdefinierten Konvertern zu initialisieren, wenn Ihre Daten komplizierter als einfache Zeile/Spalte Daten

Answer 3

Versuchen Sie, diese zu verwenden, es funktioniert für mich perfekt

// 

    varb = new List<object>(); 

// Example 

    varb.Add(new[] { float.Parse(GridView1.Rows[1].Cells[2].Text)}); 

// JSON + Serializ 

public string Json() 
     { 
      return (new JavaScriptSerializer()).Serialize(varb); 
     } 


// Jquery SIDE 

    var datasets = { 
      "Products": { 
       label: "Products", 
       data: <%= getJson() %> 
      } 

Answer 4

Diese Struktur funktioniert für mich - Ich habe es in einem kleinen Aufgaben-Management-Anwendung.

Der Controller:

public JsonResult taskCount(string fDate) 
{ 
    // do some stuff based on the date 

    // totalTasks is a count of the things I need to do today 
    // tasksDone is a count of the tasks I actually did 
    // pcDone is the percentage of tasks done 

    return Json(new { 
    totalTasks = totalTasks, 
    tasksDone = tasksDone, 
    percentDone = pcDone 
    }); 
} 

Im AJAX-Aufruf greife ich auf die Daten wie folgt aus:

.done(function (data) { 
    // data.totalTasks 
    // data.tasksDone 
    // data.percentDone 
}); 

Answer 5

Nur Objekt zurückgeben: es Parser JSON sein wird.

public Object Get(string id) 
{ 
    return new { id = 1234 }; 
}