zoukankan      html  css  js  c++  java
  • MVC 3.0 MicrosoftAjax 的使用

    @model TestMVC.Areas.WebSite.Models.TestModel
    @{
        ViewBag.Title = "Index";
    }
    <h2>
        Index</h2>
    <script src="http://www.ideaam.com/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="http://www.ideaam.com/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="http://www.ideaam.com/Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
    <script src="http://www.ideaam.com/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        
    var ideaam = (function ($) {
            
    return {
                success: 
    function (data) {
                    Result.innerHTML 
    = Result.innerHTML + "success";
                },
                failure: 
    function () {
                    alert(
    "failure");
                }
            }
        } (ideaam));

        
    </script>
    @using (Ajax.BeginForm("Test", "Home", new AjaxOptions
    {
        HttpMethod = "Post",
        OnSuccess = "ideaam.success",
        OnFailure = "ideaam.failure",
        UpdateTargetId = "ajaxResult",
        InsertionMode = InsertionMode.Replace
    }))
    {
        @Html.Label(Model.ID.ToString()); 
        <span style="margin-left: 10px; float: left;"></span>
        @Html.TextBoxFor(m => m.Title, "Title");
        <span style="margin-left: 10px; float: left;"></span>
        @Html.TextBoxFor(m => m.Description, "Description");
        
        <input type="submit" value="Submit" />
    }
    <div id="ajaxResult">
    </div>
    <div id="Result">
    </div>
  • 相关阅读:
    编写更好的jQuery代码
    自适应网页设计(Responsive Web Design)
    精选29款非常实用的jQuery应用插件
    C# lock用法实例
    伸展树
    平衡二叉树
    搜索二叉树
    后缀表达式转为中缀表达式
    翻转链表
    双端队列
  • 原文地址:https://www.cnblogs.com/haoliansheng/p/2660551.html
Copyright © 2011-2022 走看看