MVC3学习 七 JQuery方式和微软自带的AJAX请求

MVC中的异步请求，和webform中几乎没有什么区别，只是请求的地址由某个文件地址变成某个Action下的方法名。

JQuery中Ajax请求

具体代码如下：

 <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                $.ajax({
                    url: "Home/getDate", //访问的Action
                    type: "Post",        //请求方式
                    success: function (date) { //成功的回调函数
                        alert(date); 
                    },
                    date: "?id=1&name=yu"       // 传递参数
                });
                $.get("Home/getDate", {}, function (date) {   //get方式，第二个参数代码传递的参数
                    alert(date);
                })
            })
        })
    </script>
<input id="btn" type="button" value="时间" />

微软自带的Ajax请求

使用微软自带的Ajax请求需要引入两个文件

 <script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
 <script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>

具体代码如下：

    <script type="text/javascript">
        function afterSuccess(data) {
            alert(data);
        }
    </script>

  @using (Ajax.BeginForm("getDate","Home",new AjaxOptions(){
        Confirm="确定要提交么",HttpMethod="Post", 
        InsertionMode=InsertionMode.Replace, 
        OnSuccess="afterSuccess",
     UpdateTargetId="result", LoadingElementId="loding"}))
    {
        <div>
        用户名：<input type="text" /><br />
        密码:<input type="text" /><br />
        <input type="submit" />
        </div>
    }
    <div id="result">
    
    </div>
    <div id="loding" style="display:none" >
    正在加载
    </div>