作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试将 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/
我是一名优秀的程序员,十分优秀!