[转]如何在.NET MVC中使用jQuery并返回JSON数据
本文转自:http://blog.sina.com.cn/s/blog_48e42dc90100xp1p.html
二、开始实践 - jQuery端
假设我们要从服务器端获取一个文章列表,并把文章条目显示在页面中,而加载的过程要用ajax实现,即实现异步加载。那么我们先来完成jquery向服务器端发出ajax请求,并根据服务器响应来重组DOM从而实现文章在页面上显示。这里,和.NET MVC没有多大关系。具体的jquery代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
|
$.ajax({
url: '/cgi/getArtical' , //请求的某个action的地址
datatype: "json" , //只有指定为json下面才可以直接用返回的json数据,否则要转化
type: 'post' ,
success: function (data) {
PutArtical(data); //该函数中处理json格式的文章数据data;
HideTip(); //处理完文章后关闭加载提示
},
beforeSend: function (){
LoadTip( "正在加载文章" ); //这里是加载过程中的等待提示,可以自己定义
}
})
|
这是一个普通的jquery中ajax调用的例子,需要注意的是datatype最好指定为json,因为下面服务器端是直接返回json对象的,这样success中返回的数据就直接是json对象,可以直接使用;如果不这样指定的话也行,不过在success函数中必须先把data转换成json对象,转换方法是eval_r('('+data+')')。
三、开始实践 - .NET MVC服务器端
上面我们可以让jquery来调用action了,那么我们接下来就来写这个action,并把结果以json的格式返回给jquery,具体代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
/// <summary>
/// 返回文章列表
/// </summary>
/// <param name="name"></param>
/// <returns></returns>
[HttpPost]
public ActionResult getArtical()
{
List<Artical> artList = new List<Artical>();
artList.Add( new Artical(){ Id = 1,Title = "测试文章1" });
artList.Add( new Artical(){ Id = 2,Title = "测试文章2" });
return Json(artList); //MVC中可以用Json函数来将C#对象序列化成JSON对象
}
|
这个和以前普通的服务器代码不同的是最后我们可以非常方便地用Json函数将C#对象序列化成JSON对象并返回给jquery,代码十分简洁。
四、总结
在.NET MVC中使用jquery更加方便,jquery端只要我们指定返回的数据类型(datatype)为json就可以方便地使用服务器返回的json数据;服务器端我们可以用Json函数非常方便地将c#对象序列化成json对象而不必写一大堆的Response.Write("......")。本文到此结束!
转载于:https://www.cnblogs.com/freeliver54/p/3140198.html
[转]如何在.NET MVC中使用jQuery并返回JSON数据相关推荐
- (thinkphp、jQuery)ajax返回json数据
Thinkphp部分代码: <?php namespace Yxg\Controller;use Think\Controller;class IndexController extends C ...
- java返回json ajax_Spring MVC 中 AJAX请求并返回JSON的示例
一.以modelandview的方式返回 先看下javascript代码: /** * 保存-同步(版本控制库) */ function savesynchronizedvchorse(obj) { ...
- mvc中html对象的方法吗,在MVC中使用jQuery模板进行HTML编码的Json对象
所以我有能力在我的网站上发表评论.用户进入场命中"后"和我阿贾克斯评论回到其在该行动的结果在MVC中使用jQuery模板进行HTML编码的Json对象 public ActionR ...
- Spring MVC Controller与jquery ajax请求处理json
在用 spring mvc 写应用的时候发现jquery传递的[json数组对象]参数后台接收不到,多订单的处理,ajax请求: var cmd = {orders:[{"storeId&q ...
- 【转】一个ASP.NET MVC中ajax调用WebApi返回500 Internal Server Error的调错方法。
ASP.NET MVC 引入的WebApi自然且较好地满足了ajax的交互需求,但使用jQuery ajax调用WebApi返回500 Internal Server Error时却不太好查找错误.在 ...
- Spring MVC Controller中返回json数据中文乱码处理
问题 在使用spring MVC Controller的过程中,发现返回到客户端的的中文出现乱码.后台Java代码: @RequestMapping(value = "/upload&quo ...
- ajax数据交互代码,Django中使用jquery的ajax进行数据交互的实例代码
jquery框架中提供了$.ajax.$.get.$.post方法,用于进行异步交互,由于Django中默认使用CSRF约束,推荐使用$.get 示例:实现省市区的选择 最终实现效果如图: 将jque ...
- spring MVC之返回JSON数据(Spring3.0 MVC+Jackson+AJAX)
参考: http://angelbill3.iteye.com/blog/1985075 问题:在进行springmvc返回json数据的时候报如下错误:用上面的controller,访问:http: ...
- Spring MVC 3.2.2 +easyui 返回JSON数据格式
最近花了很多时间,研究Spring MVC 3.2.2 +easyui,实现了这个,前端页面实现个系统就很简单了. Spring MVC 返回JSON数据的方法 1). 直接 PrintWriter ...
最新文章
- mysql中group_contact函数的使用
- 「OKR 理论篇」5 分钟快速掌握 OKR 管理法
- POJ 1150 The Last Non-zero Digit 数论+容斥
- 在sp_executesql中使用like字句
- 通用usb集线器驱动_多口充电、高速传输——ORICO晶锐系列7口集线器测评
- 东软刘积仁:软件已从高科技领域变成大众消费品
- 微信小程序自定义组件
- 南亚三大半岛_南亚最大的维基百科聚会开始
- SSH系列:(26)投诉受理
- UG应用标准库遇到 当前搜索选项查文件失败,部件已卸载
- 应用计算机测定线性电阻伏安特性实验结论,线性电阻和非线性电阻伏安特性曲线测定实验报告(共8篇).docx...
- 批量给 Word、PPT 和 PDF 插入封面或新的页面
- [词根词缀]milit/min/miss/mod/mon等词根由来
- Oracle扩展redo
- 30天自制操作系统 学习笔记1
- 坏掉充电宝内部电池怎么充电?教你用它的电池做一个新的充电宝
- 推特错误,呃,出错了,请稍后重试
- Entity Framework 使用教程
- Legacy Code Tool
- python 学生信息管理系统(二)
热门文章
- app爬虫Android 7证书设置
- javascript 类型及类型判断
- 最全面的Android Studio使用教程【申明:来源于网络】
- Android中如何下载文件并显示下载进度
- Selenium - IWebDriver 控制scroll bar到底部
- Tomcat7.0+的JNDI问题
- 初识SolrJ开发, schema.xml的配置与服务初始化.
- 分享博文摘要图标【11/16更新】
- Linux 服务器远程控制三剑客Telnet、SSH 和 VNC 之 VNC
- [伤了昨天的心 裂成碎片和沙一起飞]五香里脊