MVC Ajax

对于JQuery一些知识这里就不做介绍了。我们直接进入Ajax在MVC中的使用。

 1.安装 Unobtrusive-ajax.js      必须引用jquery.unobtrusive-ajax.js脚本，才能让Ajax辅助方法的Ajax功能生效

 

2.Ajax的ActionLink方法

   在Razor视图中，Ajax辅助方法可以通过Ajax属性访问

 

效果：

 

 

 

 3.Ajax.BeginForm  表单     相对Ajax.ActionLink而言，可以动态传递参数

 

 

 

 

4.JQuery验证

 客户端验证依赖于JQuery验证插件（jquery.validate）

  1.web.config文件中的Ajax设置

    默认情况下，非侵入式JavaScript和客户端验证在ASP.NET MVC应用程序中是启用的。可通过web.config文件中的设置改变这些行为。

客服端验证只有提交表单的时候才知道哪里错了。Jquery验证可运行每个击键和焦点事件上的规则，给用户提供关于错误值的即时反馈信息。

 

 2.自定义验证

    1.修改我们的自定义类

 

 

 2.自定义验证脚本代码

     1，新建CustomValidators.js

 

 Ajax的通用格式

$.ajax({  
    url:"http://www.baidu.com",    //请求的url地址  
    dataType:"json",   //返回格式为json  
    async:true,//请求是否异步，默认为异步，这也是ajax重要特性  
    data:{"id":"value"},    //参数值  
    type:"GET",   //请求方式 get 或者post  
    beforeSend:function(){  
        //请求前的处理  
    },  
    success:function(req){  
        //请求成功时处理  
    },  
    complete:function(){  
        //请求完成的处理  
    },  
    error:function(){  
        //请求出错处理  
    }  
});