jquery $.post 返回json数据
$(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;
}
}
} public void LoadData(string text)
{
List<Person> nameList = new List<Person>();
Person p = new Person();
p.Name = "张三";
p.Id = ;
nameList.Add(p);
p = new Person();
p.Name = "李四";
p.Id = ;
nameList.Add(p);
p = new Person();
p.Name = "张四";
p.Id = ;
nameList.Add(p);
p = new Person();
p.Name = "王五";
p.Id = ;
nameList.Add(p);
List<Person> collection = new List<Person>();
foreach (Person pe in nameList)
{
if (pe.Name.IndexOf(text) != -)
{
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;
}
} private int _id;
public int Id
{
get
{
return _id;
}
set
{
_id = value;
}
} }
jquery $.post 返回json数据的更多相关文章
- Web API返回JSON数据
对Web API新手来说,不要忽略了ApiController 在web API中,方法的返回值如果是实体的话实际上是自动返回JSON数据的例如: 他的返回值就是这样的: { "Conten ...
- Spring MVC 4.1.4 RESTFUL风格返回JSON数据406错误处理
Spring MVC 4.1.4 RESTFUL风格返回JSON数据406错误处理 今天在使用spring4.1.4,使用ResponseBody注解返回JSON格式的数据的时候遇到406错误. 解决 ...
- 深入了解Struts2返回JSON数据的原理
首先来看一下JSON官方对于"JSON"的解释: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析 ...
- SpringMVC——返回JSON数据&&文件上传下载
--------------------------------------------返回JSON数据------------------------------------------------ ...
- 用ajax获取后台数据,返回json数据,怎么在前台使用?
用ajax获取后台数据,返回json数据,怎么在前台使用呢?后台 C# code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 if (dataType == &qu ...
- 如何在Crystal Portlet中正确返回JSON数据给AJAX请求?
当Crystal Portlet中需要采用Ajax请求,并让后台返回Json数据时,如何才能正确.方便的返回Json数据呢? 以下两种方法均可: 方法一:Ajax请求时,采用RenderURL,对应P ...
- struts2 的验证框架validation如何返回json数据 以方便ajax交互
struts2 的验证框架validation简单,好用,但是input只能输出到jsp页面通过struts2的标签<s:fielderror />才能取出,(EL应该也可以). 如果使 ...
- Atitit.列表页面and条件查询的实现最佳实践(1)------设置查询条件and提交查询and返回json数据
Atitit.列表页面and条件查询的实现最佳实践(1)------设置查询条件and提交查询and返回json数据 1. 1. 配置条件字段@Conditional 1 1 2. 2. 配置条件字段 ...
- J2EE Web开发入门—通过action是以传统方式返回JSON数据
关键字:maven.m2eclipse.JSON.Struts2.Log4j2.tomcat.jdk7.Config Browser Plugin Created by Bob 20131031 l ...
- Spring MVC3返回JSON数据中文乱码问题解决(转)
Spring MVC3返回JSON数据中文乱码问题解决 查了下网上的一些资料,感觉比较复杂,这里,我这几使用两种很简单的办法解决了中文乱码问题. Spring版本:3.2.2.RELEASE Jack ...
随机推荐
- php set env
SYSTEM WARNING: 'date_default_timezone_get(): It is not safe to rely on the system's timezone settin ...
- 关于ztree打开关闭所有节点,选中指定id节点
var isOneByOneExpand=false;//是否递归展开 //展开节点 function expendNode(nodeId){ var node = treeObj.getNodeBy ...
- c++多态的简单理解
基类中有一个抽象函数 很多个子类继承这个基类 要想使用将子类的对象赋值给基类对象,且使用基类对象可以调用到子类对象的方法,那么这个方法必须是在基类中抽象的,子类中实现的.如果基类中这个方法不是抽象方法 ...
- ios 后台模式
1.在后台可以继续播放音频 To play sound in the background, make sure to add the following to the Info.plist file ...
- 安卓图片框架:universal-image-loader的高速使用
在安卓开发过程中难免会遇到下面几个情况: 1.图片异步载入 2.图片缓存 3.图片显示 4.其他--(忘记了) 以上的这些情况,可能要自己去写不少代码去实现这些功能.并且对于一些新手,可能写了半天,发 ...
- 消除“Permission is only granted to system apps”错误
遇见这个问题我百度搜了一大堆说是须要clean项目,可是我每次clean项目的时候我的R文件总是丢失. 如今我给大家介绍一下避免授予系统权限报错更改方法 在AndroidManifest.xml中使用 ...
- JS 匿名函数 自执行
其实就是将函数直接做为表达调用,使用括号包裹定义函数体,解析器将会以函数表达式的方式去调用定义函数. 常见格式:(function() { /* code */ })(); 解释:包围函数(funct ...
- sqlserver数据库差异比较
相信这个功能会对好多网友有帮助,不得不说vs的功能很强大,废话不多说,切入正题 我们可以使用 vs自带的工具比较两个数据库的架构差异和数据差异,这篇文章只是写了架构的差异,我相信看完以后, 如何进行数 ...
- JqMobi学习
JqMobi+phonegap+html5 开发Android.ios应用
- MIT6.828 虚拟地址转化为物理地址——二级分页
这个分页,主要是在mit6.828的lab2的背景下来说的. Mit6.828 Lab2:http://pdos.csail.mit.edu/6.828/2014/labs/lab2/ lab2主要讲 ...