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 ...
随机推荐
- aix rksh 执行CLI命令行限制
su padmin -C "lsdev -dev hdisk9 -attr| grep unique_id"rksh: lsdev: 0403-006 Execute permis ...
- html表格单元格设置背景颜色
- C# 4.0 新特性-dynamic 【转】
前段时间看过一些关于dynamic这个C#4中的新特性,看到有些朋友认为dynamic的弊大于利,如无法使用编译器智能提示,无法在编译时做静态类型检查,性能差等等.因此在这篇文章中我将就这些问题来对d ...
- The encryption certificate of the relying party trust identified by thumbprint is not valid
CRM2013部署完ADFS后通过url在浏览器中訪问測试是否成功,成功进入登陆界面但在登陆界面输入username和password后始终报身份验证失败,系统中的报错信息例如以下:Microsoft ...
- 图片裁剪:CropZoom插件
上传个人头像的功能:用户在上传自己的照片后,由于照片尺寸不符合网站的要求,要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像. 用户可以对上传的图片进行自由缩放.裁剪,使之符合彩信图片的大小. C ...
- 12个CSS高级技巧汇总
1.使用 :not() 在菜单上应用/取消应用边框 先给每一个菜单项添加边框 CSS Code复制内容到剪贴板 /* add border */ .nav li { border-right: 1px ...
- 【转载】HTML和XML的区别
本文源地址 http://blog.163.com/txl129_2006@126/blog/static/1851087820103218453645/ 有改动. 什么是HTML HTML的全拼是H ...
- xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应
xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 <div class="dyleft"> ...
- IOS 访问系统粘贴板
粘贴板提供了一种核心OS特性,用于跨应用程序共享数据.用户可以跨应用来复制粘贴,也可以设置只在本应用中复制粘贴用来保护隐私. UIPasteboard类允许访问共享的设备粘贴板以及内容,下面代码返回一 ...
- 3D模型选中显示样式改变
osg::ref_ptr<osg::Material> material = new osg::Material(); //模型材质信息 material->setTranspare ...