• Asp.net mvc中的Ajax处理


    在Asp.net MVC中的使用Ajax, 可以使用通用的Jquery提供的ajax方法,也可以使用MVC中的AjaxHelper。

    这篇文章不对具体如何使用做详细说明,只对于在使用Ajax中的一些需要注意或者容易忽略的细节问题做下总结.

    1. 注意ajax请求是同步还是异步的

    默认的Jquery中的Ajax请求是异步的,但是在一些特殊的场景下,我们需要同步的ajax请求,也可以说是阻塞式的ajax请求。

    比如在付款或者操作时间过长的ajax请求时,不希望用户操作时,就要用到同步ajax请求

    在Jquery中使用ajax方法时,将async属性设置成False, 就是同步的ajax请求了

    $.ajax({
           async: false,
           url: "/test/1",
           success: function (msg) {
                        ......        
                    }
          });

    2. 加上Loading…等文字或者动画效果

    对于ajax请求,特别对于耗时长的,最好加上loading等效果。

    3. 使用Post还是Get

    对于ajax请求是使用Get还是Post, 一个分辨的标准应该是:

    对于数据产生影响的请求,比如删除操作等,应当使用Post.

    其它的应当两者区别不大。

    4. 处理ajax请求异常

    没有人能够保证ajax的处理过程中不会有异常。

    一个最常见的现象是,如果一个页面时间过长导致session过去,用户点击触发ajax请求的时候,就很有可能导致异常。

    如果代码中没有考虑过如何处理这种异常,就会给用户造成困扰。

    一个解决办法是添加一个处理异常的Filter,如果是ajax的异常,就返回一个异常json信息

    [AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true, Inherited = true)]
    public class MyHandleErrorAttribute : FilterAttribute, IExceptionFilter
    {
         public void OnException(ExceptionContext filterContext)
         {
               //when ajax error happen
              if (filterContext.HttpContext.Request.IsAjaxRequest())
              {
                  filterContext.ExceptionHandled = true;
                  filterContext.Result = new JsonResult
                  {
                      Data = new
                      {
                          Success = false,
                          Message = GetExceptionMessage(filterContext.Exception.Message),
                          Redirect = error_page_url
                      },
                  };
              }
    
         }
    } 

    这个时候前端就可以根据返回的错误信息来做相应的处理

    以上只是个人的一点总结,不当之处欢迎拍砖.

  • 相关阅读:
    element-ui-——el-uploadexcel导入
    正则表达式
    vue调用兄弟组件的方法使用vueBus调用$emit、$on(只需触发方法即可,不需要考虑传值或参数的问题)
    vue用法父组件调用子组件方法--->$refs
    vue——父子传值
    响应式布局
    vue创建脚手架 cil
    Vue 循环为选中的li列表添加效果
    课后习题-14
    date 命令详解
  • 原文地址:https://www.cnblogs.com/JustRun1983/p/3143365.html
Copyright © 2020-2023  润新知