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

简介: 前台取得数据: //数据库中有 typeid 和 typename 字段 var json;$(document).ready(function () { //ready-start$.

前台取得数据:

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

相关文章
|
6月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
81 0
|
6月前
|
JSON Java 数据安全/隐私保护
java中的http请求的封装(GET、POST、form表单、JSON形式、SIGN加密形式)
java中的http请求的封装(GET、POST、form表单、JSON形式、SIGN加密形式)
504 1
|
2月前
|
JSON API 数据格式
使用Python发送包含复杂JSON结构的POST请求
使用Python发送包含复杂JSON结构的POST请求
|
2月前
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json,为啥
客户端调接口需要返回另存为弹窗,下载文件,但是遇到的问题是接口调用成功且不报错,浏览器F12查看居然返回一堆json,而没有另存为弹窗; > 正确的效果应该是:接口调用成功且浏览器F12不返回任何json,而是弹窗另存为窗口,直接保存文件即可。
142 2
|
2月前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
27 6
|
2月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
25 4
|
2月前
|
缓存 JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
26 0
|
3月前
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
|
3月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
3月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
42 0

热门文章

最新文章

下一篇
无影云桌面