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 ...
随机推荐
- 海康威视研究院ImageNet2016竞赛经验分享
原文链接:https://zhuanlan.zhihu.com/p/23249000 目录 场景分类 数据增强 数据增强对最后的识别性能和泛化能力都有着非常重要的作用.我们使用下面这些数据增强方法. ...
- GCDAsyncUdpSocket的使用
tips: 要注意服务器端口与客户端端口的区别,如果客户端绑定的是服务器的端口,那么服务器发送的消息就会一直发送给服务器.
- kindeditor更改图片上传时网络图片的路径
当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是server上的/kindeditor/attached/image ...
- [UI]抽屉菜单DrawerLayout分析(三)
在[UI]抽屉菜单DrawerLayout分析(一)和[UI]抽屉菜单DrawerLayout分析(二)中分别介绍了DrawerLayout得基本框架结构和ViewDragerHelper的作用以及手 ...
- SSDT表详解
SSDT(system service dispatch table) 系统服务分派表 SSPT(system service parameter table) 系统服务参数表 #pragma pac ...
- leetcode 3Sum Closest python
class Solution(object): def threeSumClosest(self, nums, target): """ :type nums: List ...
- Android 原生listview item伸展收缩效果
Android原生listview做的一个item的伸缩效果.*永远不要让你老大有机会改需求 package com.example.yunkanglast; import java.io.Seria ...
- javascript事件小结(事件处理程序方式)--javascript高级程序设计笔记
1.事件流:描述的是从页面中接收事件的顺序. 2.事件冒泡:IE的事件流叫做事件冒泡,即事件开始从具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到不具体的节点(文档). 3.事件捕获 ...
- droppable的详细参数讲解
jQuery-Draggable参数介绍 默认设置值: $.extend($.ui.draggable, { version: “1.7.1″, eventPrefix: “drag”, de ...
- Android学习笔记27:网格视图GridView的使用
网格视图GridView的排列方式与矩阵类似,当屏幕上有很多元素(文字.图片或其他元素)需要按矩阵格式进行显示时,就可以使用GridView控件来实现. 本文将以一个具体的实例来说明如何使用GridV ...