asp.net 中 Json、Jquery、Post简单使用

原创 2012年03月26日 14:57:06

前台取得数据:

//数据库中有 typeid 和 typename 字段

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
var json;
$(document).ready(function () { //ready-start
$.post( //post请求开始
"/test1.ashx", { data1: new Date() }, function (text) {
json =JSON.parse(text); //字符串转换为JSON格式,重要!
var html = '';
$.each(json, function (Index, Item) {//遍历每条数据
html += '<div class="comment"><h4>index:' +Index + ",typeid:" +Item['typeid'] + ',typename:' + Item['typename'] + '</div>';

//或 html += '<div class="comment"><h4>index:' +Index + ",typeid:" +Item.typeid + ',typename:' +Item.typename + '</div>';
})
$('#testdiv').html(html);//给层 testdiv 赋值 
                $('#jsondata').html(text);//给层 jsondata 赋值
}
); //post请求结束

}); //ready-End
</script>

后台响应请求:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using Newtonsoft.Json;// 引用Newtonsoft.Json,版本3.5

namespace EbookShop
{
/// <summary>
/// test1 的摘要说明
/// </summary>
public class test1 : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
BLL.booktypeBLL bll = new BLL.booktypeBLL();
DataTable dt = bll.GetPagedList(1,5,"","typeid desc").Tables[0];//查询数据库中的表数据
string str = JsonConvert.SerializeObject(dt);//转换为json格式的字符串
//JsonSerializer jsonSerializer = new JsonSerializer();
//jsonSerializer.ReferenceLoopHandling = ReferenceLoopHandling.Ignore;

context.Response.Write(str);
}

public bool IsReusable
{
get
{
return false;
}
}
}
}

结果 :

index:0,typeid:9,typename:体育/运动

index:1,typeid:8,typename:政治/军事

index:2,typeid:7,typename:动漫/幽默

index:3,typeid:6,typename:小说/文学

index:4,typeid:5,typename:成功/励志

 

[{"typeid":"9","typename":"体育/运动"},{"typeid":"8","typename":"政治/军事"},{"typeid":"7","typename":"动漫/幽默"},{"typeid":"6","typename":"小说/文学"},{"typeid":"5","typename":"成功/励志"}]

欢迎大家到我的新浪博客学习交流: http://blog.sina.com.cn/pukuimin

版权声明:作者:真爱无限 出处:http://blog.csdn.net/pukuimin1226 本文为博主原创文章版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接.

相关文章推荐

csharp:Learn how to post JSON string to generic Handler using jQuery in ASP.Net C

/// ///參考: http://james.newtonking.com/json/help/index.html# /// 塗聚文(Geovin Du) 20141228 ...

jQuery Ajax 调用 ASP.NET WebServices + (POST)->JSON 数据传递,一种开发高效的模式

【jQuery Ajax 调用 ASP.NET WebServices + (POST)->JSON 数据传递,一种开发高效的模式】 jQuery是目前前端页面最好的Javascript"封装"模式...
  • kimiqiu
  • kimiqiu
  • 2011年03月28日 18:00
  • 2250

asp.net中使用jquery的ajax来post数据的树控件

我相信大部门的.net开发人员还在完全使用asp.net框架开发或者有一部分人是asp.net和asp.net mvc项目都有在做。对于传统的asp.net如果要有好的体验,那么ajax效果当然不可少...

Asp.NET WebMethod: 使用Jquery的post发送信息的数据信息的大小限制

今天在使用jQuery完善开发的一个对于超文本编辑器的功能的测试过程中,发现了开发程序中的一个小BUG。 (1)开发环境: 技术实现:JQuery+Ajax+Asp.NET 使用方式:aspx下的...
  • lxxxxl
  • lxxxxl
  • 2013年04月02日 14:33
  • 1972

asp.net中 使用jquery+ashx 做ajax,json做数据传输

一直在想在asp.net中怎么才能向在java中那样用struts那样做页面请求。 当然asp.net mvc就是类似struts的东西吧,不过还没来得及学习。 今天就用ashx来接收页面...
  • roc1010
  • roc1010
  • 2013年04月10日 10:11
  • 1584

使用JQuery解析asp.net MVC控制器返回的json数据并用动态生成的表格显示解析的数据

Jqery动态创建表格,使用动态创建的表格显示后台返回的json数据,给动态创建的表格添加id、class等属性...

asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值

====================================================== 注:本文源代码点此下载 =============================...

ASP.NET POST XML JSON数据

  • 2015年08月10日 09:01
  • 6KB
  • 下载

asp.net MVC3 + JQuery 的ajax简单使用

一直都没有使用过JQuery,更没使用过JQuery的ajax支持带来的方便,今天试了一下,真是减少了很多工作量,使用方法也比较简单 这里先记下来,以后使用时可以再拿着用。 本应用中,本来是准...
  • educast
  • educast
  • 2012年01月12日 17:06
  • 911
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp.net 中 Json、Jquery、Post简单使用
举报原因:
原因补充:

(最多只允许输入30个字)