jquery $.post 返回json数据
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery $.post 返回json数据,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2253字,纯文字阅读大概需要4分钟。
内容图文
$(function () { $("#prompt").hide(); $("#searchIpt").keyup(function () { var key = $("#searchIpt").val(); if (key != undefined && key != null && key.length > 0) { $.post("Query.aspx", { "key": key, "flag": "search" }, function (data, status) { if (status = "success") { var html = ""; for (var i = 0; i < data.length; i++) { html += " <div class=‘skey‘>" + data[i].Name + "</div>"; } var $prompt = $("#prompt"); var searchIpt = $("#searchIpt"); var hleft = searchIpt.offset().left; var htop = searchIpt.offset().top; $prompt.css({ width: searchIpt.width() + 4, left: hleft - 8, top: htop - 8 }); $prompt.html("").append(html).show(); } else { $prompt.hide(); } },"json"); } $("#prompt").hide(); }); });
<div id="prompt" style="background-color: #f1f1f1; position: relative; z-index: 100;top: 0px; left: 0px;">
<div class="skey">
2</div>
<div class="skey">
3</div>
</div>
protected void Page_Load(object sender, EventArgs e) { string flag = Request.Form["flag"]; if (!string.IsNullOrEmpty(flag)) { switch (flag) { case"search": string key = Request.Form["key"]; LoadData(key); break; case"save": string text1 = Request.Form["text1"]; string text2 = Request.Form["text2"]; string text3 = Request.Form["text3"]; //这里获取数据保存 //这里返回给前台 Response.Write("提交到后台接受保存啦"); Response.End(); break; } } } publicvoid LoadData(string text) { List<Person> nameList = new List<Person>(); Person p = new Person(); p.Name = "张三"; p.Id = 1; nameList.Add(p); p = new Person(); p.Name = "李四"; p.Id = 2; nameList.Add(p); p = new Person(); p.Name = "张四"; p.Id = 3; nameList.Add(p); p = new Person(); p.Name = "王五"; p.Id = 4; nameList.Add(p); List<Person> collection = new List<Person>(); foreach (Person pe in nameList) { if (pe.Name.IndexOf(text) != -1) { collection.Add(pe); } } JavaScriptSerializer j = new JavaScriptSerializer(); string json = j.Serialize(collection);//转换成json格式字符串 Response.Write(json); Response.End(); }
public class Person { private string _name; public string Name { get { return _name; } set { _name = value; } } privateint _id; publicint Id { get { return _id; } set { _id = value; } } }
原文:http://www.cnblogs.com/flywing/p/4146341.html
内容总结
以上是互联网集市为您收集整理的jquery $.post 返回json数据全部内容,希望文章能够帮你解决jquery $.post 返回json数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。