宜春做网站的公司,免费移动网站模板下载安装,内江网络推广公司,大闸蟹公司宣传册设计样本本文转自#xff1a;http://blog.sina.com.cn/s/blog_48e42dc90100xp1p.html 二、开始实践 - jQuery端 假设我们要从服务器端获取一个文章列表#xff0c;并把文章条目显示在页面中#xff0c;而加载的过程要用ajax实现#xff0c;即实现异步加载。那么我们先来完成jquery向…本文转自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 namename/param /// returns/returns [HttpPost] public ActionResult getArtical() { ListArtical artList new ListArtical(); 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
