2

我尝试使用 TokenInput Jquery 进行多值自动完成,它需要 JSON 响应作为输入数据

http://loopj.com/jquery-tokeninput/

我使用 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();              

    }
}  

任何帮助将不胜感激。

4

2 回答 2

2

你应该看看WCF。 WCF 具有对返回 JSON 的本机支持,您不必担心字符串连接或 HTTP 内容类型。

于 2012-07-23T13:30:56.960 回答
2

替代WCF, 您可以WebMethod在 .aspx 中创建。

   [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>
于 2012-07-23T13:40:18.587 回答