如何從Aspx頁面發送Json數據

Question

我嘗試將TokenInput Jquery用於多值自動完成功能，在此它需要JSON響應作為輸入數據

我正在使用ASPX頁面作為源

<script type="text/javascript" >
    $(document).ready(function() {

    $("#txtTest").tokenInput("Complete.aspx", {
        theme: "facebook"
    });

    });


</script>

從這里編輯問題：如何從aspx頁面以所需格式提供JSON數據，因為我具有根據Complete.aspx的Querystring帶有值的數據表

 protected void Page_Load(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(Request.QueryString["q"]))
    {
        string json = "[{\"Id\":\"1\",\"name\": \"Test 1\"},{\"Id\":\"2\",\"name\": \"Test 2\"}]";
        Response.Clear(); 
        Response.ContentType = "application/json; charset=utf-8"; 
        Response.Write(json); 
        Response.End();              

    }
}

任何幫助將不勝感激。

Answer 1

您應該看看WCF。 WCF具有返回JSON的本機支持，因此您不必擔心字符串連接或HTTP內容類型。

Answer 2

替代WCF ，您可以在.aspx中創建WebMethod 。

   [WebMethod]
    public static string Info()
    {
        JavaScriptSerializer js = new JavaScriptSerializer();
        string result = js.Serialize(new string[] { "one", "two", "three" });
        return result;
    }

並通過Ajax調用請求此WebMethod。

<script type="text/javascript">
        $(function () {
            $("#button1").click(function () {
                $.ajax({
                    url: "Default.aspx/Info",
                    data: "{}",
                    contentType: "application/json",
                    success: function (data) {
                        alert(data.d);
                    },
                    type: "post",
                    dataType : "json"
                });
            });
        });
</script>

編輯：

代碼隱藏-Page_Load處理程序（JsonPage.aspx）

  string json = "[{\"name\":\"Pratik\"},{\"name\": \"Parth\"}]";
  Response.Clear();
  Response.ContentType = "application/json; charset=utf-8";
  Response.Write(json);
  Response.End();

並請求JsonPage.aspx經由TokenInput jQuery 。 （Sample.aspx和JsonPage.aspx在同一文件夾中）

<script type="text/javascript">
        $(function () {
            $("#txt1").tokenInput("JsonPage.aspx");
        });
</script>

<body>
 <input type="text" id="txt1"/>
</body>

如何從Aspx頁面發送Json數據

問題描述

2 個解決方案

解決方案1
2 2012-07-23 13:30:56

解決方案2
2 已采納 2012-07-23 13:40:18

如何從Aspx頁面發送Json數據

問題描述

2 個解決方案

解決方案1 2 2012-07-23 13:30:56

解決方案2 2 已采納 2012-07-23 13:40:18

解決方案1
2 2012-07-23 13:30:56

解決方案2
2 已采納 2012-07-23 13:40:18