zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    camp训练day2
    LCA板子题
    牛客多校第一场
    P1063 能量项链 区间DP
    64. Minimum Path Sum
    46. Permutations
    216. Combination Sum III
    62. Unique Paths
    53. Maximum Subarray
    22. Generate Parentheses
  • 原文地址:https://www.cnblogs.com/y8932809/p/4402584.html
Copyright © 2011-2022 走看看