博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何用JQuery将View中的值Post到Controller
阅读量:5060 次
发布时间:2019-06-12

本文共 1869 字,大约阅读时间需要 6 分钟。

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

$(document).ready(function () {        var title = ""        var toolTip = $("

") $(".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("

" + JSON.stringify(data) + "

").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());        }

 

转载于:https://www.cnblogs.com/FsharpZack/archive/2013/04/01/2993606.html

你可能感兴趣的文章
spring security 11种过滤器介绍
查看>>
代码实现导航栏分割线
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
【AS3代码】播放FLV视频流的三步骤!
查看>>
枚举的使用
查看>>
luogu4849 寻找宝藏 (cdq分治+dp)
查看>>
日志框架--(一)基础篇
查看>>
关于源程序到可运行程序的过程
查看>>
转载:mysql数据库密码忘记找回方法
查看>>
scratch少儿编程第一季——06、人在江湖混,没有背景怎么行。
查看>>
【贪心+DFS】D. Field expansion
查看>>
C# Async与Await的使用
查看>>
Mysql性能调优
查看>>
iOS基础-UIKit框架-多控制器管理-实例:qq界面框架
查看>>
IOS-每个程序员的编程之路上都应该看这11本书
查看>>
自定义tabbar(纯代码)
查看>>
小程序底部导航栏
查看>>
ibatis学习笔记
查看>>
18-ES6(1)
查看>>
poj1611 简单并查集
查看>>