gpt4 book ai didi

javascript - 如何从 Aspx 页面发送 Json 数据

转载 作者:行者123 更新时间:2023-11-29 18:27:28 25 4
gpt4 key购买 nike

我尝试将 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 的查询字符串

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

}
}

我们将不胜感激。

最佳答案

除了 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();

并通过 TokenInput jQuery 请求 JsonPage.aspx。 (Sample.aspx & JsonPage.aspx 在同一个文件夹)

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

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

关于javascript - 如何从 Aspx 页面发送 Json 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11613194/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com