ASP.NET＆jQueryでJSONを返す方法

Question

コードでJSONデータを返す方法がわかりません。

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); 
     } 
    }); 
}); 

Default.aspx.cs

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

のC＃の事前に感謝します！

Answer 1

ます」遠くない。

[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; 
} 

さらにこのコードを減らすことができますが、わかりやすくするためにこのコードを残しておきます。実際には、次のように書くこともできます：

return context.GetProducts().ToList(); 

これはjson文字列を返します。私はカスタムコンバータを使用するので、より明示的にすることを好みます。 Json.netもありますが、フレームワークのJavaScriptSerializerはすぐに使えます。

Answer 2

Asp.netは.netオブジェクトを自動的にjsonに変換するのにはかなり良いです。あなたのwebmethodで返されたListオブジェクトは、json/javascript配列を返します。つまり、メソッドからデータを返すときに戻り値の型を文字列に変更しないでください（クライアントが期待していると思いますので）。 Webメソッドから.net配列を返すと、JavaScript配列がクライアントに返されます。複雑なオブジェクトでは実際にはあまりうまく機能しませんが、単純な配列データではうまく機能しません。

もちろん、クライアント側で行う必要があるのはあなた次第です。

私はこのような何かを考え、次のようになります。あなたのデータは、単純な行/ COLデータよりも複雑である場合を除き、実際に任意のカスタム・コンバータを初期化する必要があるべきではありません

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

を

Answer 3

これを使用しようと、それは私のために完璧に動作

// 

    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

この構造は、私の作品 - 私は小さなタスク管理アプリケーションでそれを使用しました。

コントローラ：AJAX呼び出しで

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 
    }); 
} 

私はこのようなデータにアクセスします。

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

Answer 5

だけでオブジェクトを返します。それは、JSONに、パーサーになります。

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