关闭

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

2832人阅读 评论(0) 收藏 举报

前台取得数据:

//数据库中有 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

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

【ASP.NET】利用jQuery与.ashx完成简单的Ajax

在ASP.NET同样可以与其它编程语言一样,利用前台的Ajax技术,只是需要注意的是,后台的处理程序不再是一个aspx页面中的Page_Load,而且ASP.NET独有的“一般处理程序”.ashx,下...
  • yongh701
  • yongh701
  • 2016-01-08 10:42
  • 3030

jquery ajax 和servlet json 结合的简单小例子

1.servlet  import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; impor...
  • huangmingleiluo
  • huangmingleiluo
  • 2014-03-06 15:42
  • 2355

Jquery下Json数据的传递与解析(asp.net mvc与asp.net api下后台json接收方式的不同)

可同时参见这篇文章  asp.net webapi下json传值方式 纠缠了我几天的一个问题,简单摘抄整理下,希望对大家有帮助。 网络上大量使用json格式传递数据,json传递数据比较轻量,而用...
  • jjkliu
  • jjkliu
  • 2014-02-11 11:08
  • 14461

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 ...
  • geovindu1
  • geovindu1
  • 2014-12-28 19:47
  • 774

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

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

ASP.NET MVC使用jQuery来POST数据至数据库中

学习ASP.NET MVC程序,结合jQuery客户端代码,Post数据至数据库去。Insus.NET今天写一个完整性的例子。 在数据库中,创建一个表[dbo].[TestUser]: ...
  • linybo
  • linybo
  • 2015-03-27 10:11
  • 891

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

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

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

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

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

Jqery动态创建表格,使用动态创建的表格显示后台返回的json数据,给动态创建的表格添加id、class等属性
  • qq_34332010
  • qq_34332010
  • 2016-11-05 01:03
  • 303

如何使用jQuery向asp.net Mvc传递复杂json数据

如何使用jQuery向asp.net Mvc传递复杂json数据 前言   jQuery提供的ajax方法能很方便的实现客户端与服务器的异步交互,在asp.net mvc 框架使用jQuery...
  • xwnxwn
  • xwnxwn
  • 2017-04-20 16:53
  • 481
    个人资料
    • 访问:942792次
    • 积分:11514
    • 等级:
    • 排名:第1533名
    • 原创:272篇
    • 转载:23篇
    • 译文:11篇
    • 评论:180条
    提示
    各位朋友,有什么需要交流的最好用邮件哦,那样我看到的及时很多,发站内信我不经常看。

    新浪博客:
    http://blog.sina.com.cn/pukuimin
    博客专栏
    最新评论