_ASP.NET MVC 异步调用

最新推荐文章于 2020-08-17 08:53:47 发布
最新推荐文章于 2020-08-17 08:53:47 发布
阅读量958 收藏 2
点赞数
分类专栏： Asp.net Mvc Asp.net


在ASP.NETMVC beta中我们可以使用Ajax.BeginForm, Ajax.ActionLink来进行Ajax调用，同样我们也可以使用一些支持Ajax 框架如jQuery来简化对ajax的调用。

1. ASP.NET MVC beta中内置了AJAX的支持，但是我们必须引入MicrosoftAjax.js, MicorsoftMvcAjax.js.

2. 由于ASP.NET MVC已经集成了jQuery,所以我们也可以很方便的使用jQuery的Ajax功能

上图的代码展示了前台的三种方式

（1）Ajax.BeginForm

这里涉及到如何附加表单之外的参数到远程，实际上我们只需要附加到post的url后就行了,例如把action改为AjaxGetJSON?name=jack,或者AjaxGetJSON/jack然后配置route就可以

  (2)  Ajax.ActionLink

附加参数和上面相同

  (3) jQuery.ajax

       参看上图的GetByJquery()函数

3.后台代码

第一个直接返回Json数据，第二个，第三个都是通过用户控件来返回Html.

 

  public JsonResult AjaxGetJSON(Personp)

  {

     Thread.Sleep(3000);

     returnthis.Json(p);

  }

 

  public ActionResult AjaxGetString()

  {

     Personp = new Person{ FirstName = "Bill", LastName = "Gates" };

     returnView("AjaxContent",p);

  }

 

  public ActionResult AjaxByJquery()

  {

     Personp = new Person{ FirstName = "Bill", LastName = "Gates" };

     returnView("AjaxContent", p);

  }

 

4. AjaxContent用户控件内容

 

通过上面的方法，我们很容易模仿原来webservice方式的调用，把ajax的功能放到一个统一的controller里，比如叫AjaxServiceController.

 

 

 

这是第一使用Jquery实现城市三级数据联动的实例！之前本人没有使用过Jquery，在WebForm的开发过程中，很多时候用的是ASP.NET Ajax,ajaxPro+JavaScript,从未使用过JS框架，最近在学习ASP.NETMVC,在最新的发布版本中，已经集成了Jquery 1.3.1，自然，也要学一学！发现使用Jquery代码果然写得比原始JS优雅！只是语法和方法太多，现在还没弄熟，还需要时间来学习．．．．．这次是第一次使用Jquery写客户端脚本，如果大家发现更好的实现方法，请给我留言！谢谢！

注明：ASP.NET MVC 1.0 ,作者:0x001;

View:

<script type="text/javascript">
    $(document).ready(function() {
        GetByJquery();
       $("#ddlProvince").change(function() { GetCity() });
       $("#ddlCity").change(function() { GetDistrict() });
    });
   
    function GetByJquery() {

       $("#ddlProvince").empty(); //清空省份SELECT控件

       $.getJSON("/ajax/GetProvinceList", function(data) {
            $.each(data,function(i, item) {
               $("<option></option>")
                   .val(item["ProvinceID"])
                   .text(item["ProvinceName"])
                   .appendTo($("#ddlProvince"));
            });
            GetCity();
        });     

    }

    function GetCity() {

       $("#ddlCity").empty(); //清空城市SELECT控件
        var url ="/ajax/GetCityList/"+ $("#ddlProvince").val();
        $.getJSON(url, function(data) {
            $.each(data,function(i, item) {
               $("<option></option>")
                   .val(item["CityID"])
                   .text(item["CityName"])
                   .appendTo($("#ddlCity"));
            });
           GetDistrict();
        });
    }

    function GetDistrict() {
        $("#ddlDistrict").empty();//清空市区SELECT控件
        var url ="/ajax/GetDistrictList/" + $("#ddlCity").val();
       
        $.getJSON(url, function(data) {
            $.each(data,function(i, item) {
               $("<option></option>")
                   .val(item["DistrictID"])
                   .text(item["DistrictName"])
                   .appendTo($("#ddlDistrict"));
            });
        });
    }

</script>
<table><tr><td><selectid="ddlProvince"/></td><td><selectid="ddlCity"/></td><td><selectid="ddlDistrict" /></td></tr></table>

Controller :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Mvc.Ajax;

namespace MvcBBS.Controllers
{
    public class AjaxController : Controller
    {
        //
        // GET: /Ajax/

        ///<summary>
        /// 获取所有［省份］数据
        /// </summary>
        public ActionResultGetProvinceList()
        {
            if(!Request.IsAjaxRequest())
            {
               return Content("请不要非法方法,这是不道德的行为！");
            }

           BLL.Province bll = new MvcBBS.BLL.Province();
           List<MvcBBS.Model.S_Province> modellist = bll.GetProvinceList();

           return Json(modellist);
        }

        ///<summary>
        /// 获取某［省份］的所有［城市］数据
        /// </summary>
        public ActionResult GetCityList(intid)
        {
            if(!Request.IsAjaxRequest())
            {
               return Content("请不要非法方法,这是不道德的行为！");
            }
            BLL.Provincebll = new MvcBBS.BLL.Province();
           List<MvcBBS.Model.S_City> modellist = bll.GetCityList(id);
            returnJson(modellist);
        }

        ///<summary>
        /// 获取某［城市］的所有［市区］数据
        /// </summary>
        public ActionResultGetDistrictList(int id)
        {
            if(!Request.IsAjaxRequest())
            {
               return Content("请不要非法方法,这是不道德的行为！");
            }

           BLL.Province bll = new MvcBBS.BLL.Province();
           List<MvcBBS.Model.S_District> modellist = bll.GetDistrict(id);

           return Json(modellist);
        }

    }
}

我比较喜欢使用三层＋工厂模式来读写数据，O/R Mapping不太适合我的要求！我们写的项目经常不是为了方便移植，而是选择明确的数据库，需要更高的性能，更强的业务逻辑！大家看到上面的代码，应该很熟悉，从数据库读数据到List<>中返回，并使有ASP.NET MVC内置的Json方法转换数据并Response．

DAL:    

// BLL,Model就不贴出来了！

using System;
using System.Data;
using System.Text;
using System.Data.SqlClient;
using System.Collections.Generic;
using DBUtility;//请先添加引用

namespace MvcBBS.DAL
{
    public class Province
    {
        public Province()
        {}

        ///<summary>
        /// 获取所有省份数据
        /// </summary>
        /// <returns></returns>
        public List<Model.S_Province>GetProvinceList()
        {
           StringBuilder strSql = new StringBuilder();
           strSql.Append("SELECT ProvinceID,ProvinceName ");
           strSql.Append(" FROM S_Province ");
           List<Model.S_Province> modelList = new List<MvcBBS.Model.S_Province>();
           SqlDataReader dr =DbHelperSQL.ExecuteReader(strSql.ToString());           
            while(dr.Read())
            {
                Model.S_Province _model = new MvcBBS.Model.S_Province();
                _model.ProvinceID = int.Parse(dr["ProvinceID"].ToString());
                _model.ProvinceName = dr.GetString(1);
               modelList.Add(_model);
            }
            dr.Close();
            returnmodelList;
        }

        ///<summary>
        /// 获取某省份的所有城市数据
        /// </summary>
        /// <paramname="ProvinceID"></param>
        /// <returns></returns>
        public List<Model.S_City>GetCityList(int ProvinceID)
        {
           StringBuilder strSql = new StringBuilder();
           strSql.Append("SELECT CityID,CityName,ZipCode");
           strSql.Append(" FROM S_City ");
           strSql.Append(" WHERE ProvinceID=");
           strSql.Append(ProvinceID.ToString());

           List<Model.S_City> modelList = new List<MvcBBS.Model.S_City>();
           SqlDataReader dr = DbHelperSQL.ExecuteReader(strSql.ToString());
            while(dr.Read())
            {
               Model.S_City _model = new MvcBBS.Model.S_City();
               _model.CityID = int.Parse(dr["CityID"].ToString());
               _model.CityName = dr.GetString(1);
               _model.ZipCode = dr.GetString(2);
               _model.ProvinceID = ProvinceID;
               modelList.Add(_model);
            }
            dr.Close();
            returnmodelList;
        }

        ///<summary>
        /// 获取某城市的所有市区
        /// </summary>
        /// <paramname="CityID"></param>
        /// <returns></returns>
        public List<Model.S_District>GetDistrict(int CityID)
        {
           StringBuilder strSql = new StringBuilder();
           strSql.Append("SELECT DistrictID,DistrictName");
           strSql.Append(" FROM S_District ");
           strSql.Append(" WHERE CityID=");
           strSql.Append(CityID.ToString());

           List<Model.S_District> modelList = newList<MvcBBS.Model.S_District>();
           SqlDataReader dr = DbHelperSQL.ExecuteReader(strSql.ToString());
            while(dr.Read())
            {
               Model.S_District _model = new MvcBBS.Model.S_District();
               _model.DistrictID = int.Parse(dr["DistrictID"].ToString());
               _model.DistrictName = dr.GetString(1);
               _model.CityID = CityID;
               modelList.Add(_model);
            }
            dr.Close();
            return modelList;
        }
    }
}

 

11111111221f
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net mvc 中使用async/await异步编程
weixin_30332241的博客
04-04 1439
已经介绍过async/await异步编程，但是按照一般的异步编程的步骤，在asp.net mvc页面中使用异步编程好像会经常报一个错误，错误信息如下：现在无法开始异步操作。异步操作只能在异步处理程序或模块中开始，或在页生存期中的特定事件过程中开始。如果此异常在执行 Page 时发生，请确保 Page 标记为 <%@ Page Async="true" %&g...
ASP.NET MVC下的异步Action的定义和执行原理
weixin_34235135的博客
06-20 197
Visual Studio提供的Controller创建向导默认为我们创建一个继承自抽象类Controller的Controller类型，这样的Controller只能定义同步Action方法。如果我们需要定义异步Action方法，必须继承抽象类AsyncController。这篇问你讲述两种不同的异步Action的定义方法和底层执行原理。[本文已经同步到《How ASP.NET MVC Work...
详解ASP.NET MVC下的异步Action的定义和执行原理
01-20
Visual Studio提供的Controller创建向导默认为我们创建一个继承自抽象类Controller的Controller类型，这样的Controller只能定义同步Action方法。如果我们需要定义异步Action方法，必须继承抽象类AsyncController。这篇问你讲述两种不同的异步Action的定义方法和底层执行原理。 一、基于线程池的请求处理 ASP.NET通过线程池的机制处理并发的HTTP请求。一个Web应用内部维护着一个线程池，当探测到抵达的针对本应用的请求时，会从池中获取一个空闲的线程来处理该请求。当处理完毕，线程不会被回收，而是重新释放到池中。线程池具有一个线
关于对 asp.net mvc 异步方法的理解
weixin_30666401的博客
05-15 219
private static async Task<TResult> XAsync() { test(); //X()同步方法0 XXAsync();//"异步方法1" return await XXXAsync(); //XXAsync()异步方法2 } 1.c#程序运行会产生...
sql.rar_ASP.NET MVC_MVC 数据库_mvc_智能表单
09-21
在本项目中，我们主要探讨的是使用ASP.NET MVC框架构建一个包含AJAX智能表单的通用业务流程管理系统，其中涉及到数据库的设计与应用。ASP.NET MVC是一个流行且强大的Web应用程序开发框架，它允许开发者以模型-视图-...
seriawei-ASP.NET-MVC-CMS-master.zip_ASP.NET MVC_cms asp.net_happ
09-15
ASP.NET MVC 是微软开发的一种用于构建可伸缩、高性能、易于测试和维护的Web应用程序的框架。CMS（Content Management System）则是用于管理网站内容和结构的软件系统，它允许非技术用户通过图形用户界面创建、编辑...
ASP.NET MVC异步获取和刷新ExtJS6 TreeStore
10-20
在本文中，我们将讨论如何使用ASP.NET MVC实现异步获取和刷新ExtJS6的TreeStore，这是一种用于展示层次结构数据的组件。 首先，ExtJS6的TreeStore是TreePanel的基础，它用于存储和管理树形数据。在默认情况下，...
Liaotianshi.rar_ASP.NET 聊天 源码_asp.net_asp.net 聊天室_liaotianshi_qq
09-24
1. **ASP.NET Web Forms或MVC**：这两种模式是ASP.NET的主要开发方式，Web Forms更适合快速开发，MVC则更注重分层架构和测试。 2. **C#编程语言**：ASP.NET主要使用C#编写后端代码，处理业务逻辑和数据库操作。 3....
MVCExample_TheClient_asp.net_
10-03
【标题】"MVCExample_TheClient_asp.net_" 指的是一个使用ASP.NET MVC框架构建的示例项目，重点在于客户端与服务器之间的数据交互。在这个项目中，开发者可能展示了如何在客户端收集数据并将其发送到服务器进行处理...
asp.net mvc3 表单提交和异步提交
03-21
asp.net mvc3 表单提交和异步提交；asp.net mvc3 表单提交和异步提交
SpringMVC的异步调用
m0_49002655的博客
08-17 263
原生javascript发送异步请求 <!-- href="javascript:void(0);" 让超链接去执行一个js函数，而不是去跳转到一个地址， 而void(0)表示一个空的方法，也就是不执行js函数。 如果写href="#" 则页面会回到顶部--> <a href="javascript:void(0);" id="testAjax">访问controller</a> <script type="text/javascript" src="/js/jqu
spring mvc 异步调用 @Async
yujunyi的博客
08-03 8071
“异步调用”对应的是“同步调用”，同步调用指程序按照定义顺序依次执行，每一行程序都必须等待上一行程序执行完成之后才能执行；异步调用指程序在顺序执行时，不等待异步调用的语句返回结果就执行后面的程序。 同步调用 通过一个例子，来看下同步调用。 写了...
【ASP.NET编程知识】ASP.NET MVC4异步聊天室的示例代码.docx
最新发布
05-16
本文档深入探讨了ASP.NET MVC4如何实现一个异步聊天室的示例代码，该架构基于面向对象的设计模式和组件化编程思想。首先，我们来分析关键的类和接口： 1. **Domain层**: - **IChatRoom** 接口定义了聊天室的核心...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值