zoukankan      html  css  js  c++  java
  • 如何用JQuery将View中的值Post到Controller

    有时候我们需要动态的将View中的值post 到Controller中做一定的处理,比如ToolTip,下面是JQuery代码:

        $(document).ready(function () {
            var title = ""
            var toolTip = $("<p id=\"toolTipCss\"></p>")
                    
            $(".Branch").bind("mouseover mouseout", function (event) {
                if (event.target.className.toLowerCase() === "branch") {
                    var runID = $(this).parent($(this)).find("td:first").text();
                    toolTip.appendTo("body").hide();
                    if (event.type == "mouseover") {
                        $.post("/RunDisplay/BranchInfo", { runID: JSON.stringify(runID) },
                            function (data) {
                                toolTip.html("<p style=\"background-color:gray;\" class=\"toolTipText\">" + JSON.stringify(data) + "</p>").show().css({
                                    "top": event.clientY - (document.body.scrollTop),
                                    "left": event.clientX  - (document.body.scrollLeft) + 20,
                                    "position": "fixed",
    
                                    opacity: 0
                                }).animate(
                                    {
                                        left: "+=10",
    
                                        opacity: 1
    
                                    }, "5000");
                                }
                            )
                    }
                    if (event.type == "mouseout") {
    
                        runID= "";
    
                        toolTip.animate(
    
                            {
                                opacity: 0
                            }, "5000");
                    }
                }
            });
        });
    

     值得注意的是:

    1. $.post方法中传入到Controller的Data(第二个参数)名字必须与Controller的参数名一致。
    2. 使用Post方法时,我们使用"/RunDisplay/BranchInfo"的方式指定Controller,即:/控制器名/动作名。

    下面是相应的Action:

            [HttpPost]
            public ActionResult BranchInfo(string runID )
            {
        
                //一些操作。。。                
                return Json(runID .ToString());
            }
    
  • 相关阅读:
    多态的使用
    抽象类与具体类
    对象应该长什么样子
    方法的重载overload
    遵守合约:覆盖的规则
    Android 自定义Dialog
    less 之Extend 及 Extend all用法
    github常见错误整理!
    js获取元素宽高
    解决 Error: Access denied for user 'root'@'localhost' (using password: YES)
  • 原文地址:https://www.cnblogs.com/FsharpZack/p/2993606.html
Copyright © 2011-2022 走看看