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>
  • 相关阅读:
    Uploadify404无效链接
    java开发SSM框架的搭建(SpringMVC+Spring+MyBatis)
    PHP文件处理--操作文件
    机器学习01-kNN邻近算法
    多校 hdu
    iOS中OC给Category加入属性
    Wampserver 2.5 多网站配置方法
    c语言编写经验逐步积累4
    UVA 529 Addition Chains(迭代搜索)
    机器学习简史brief history of machine learning
  • 原文地址:https://www.cnblogs.com/y8932809/p/4402584.html
Copyright © 2011-2022 走看看