JavaScript中的参考C#变量

本文介绍了JavaScript中的参考C#变量的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我已经阅读了很多线程，但是我无法弄清楚为什么这行不通.我正在创建一个SharePoint Web部件，它将用作导航栏.一切正常，直到我尝试在JS代码中引用C#变量为止.

I have read quite a few threads but I cannot figure out why this will not work. I am creating a SharePoint Web Part that will serve as a navigation bar. Everything works great until I try and reference a C# Variable in the JS Code.

这是VisualWebPart1UserControl.ascx.cs中的C#:

Here is my C# from the VisualWebPart1UserControl.ascx.cs:

public class myClass { public string theValue = "hi"; }

这是VisualWebPart1UserControl.ascx页面上的HTML/JS:

Here is the HTML/JS from the VisualWebPart1UserControl.ascx Page:

<script type="text/javascript"> function getMyValue() { var myVar = "<%= myClass.theValue %>"; alert(myVar); }

<li><a href="maindt" onmouseover="getMyValue(), mopen('m1')" onmouseout="mclosetime()">MAINDT Home</a> <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="">Site 1</a> <a href="">Site 2</a> <a href="">Site 3</a> </div> </li>

发生的事情是，当我将鼠标悬停在"MaindDT Home"下拉菜单上时，我得到了很好的警报(myVar)，但是当我期望它的内容是<％= myClass.theValue％>显示theValue的值为"Hi"

What happens is when I hover my mouse over the "MaindDT Home" drop down, I get the alert(myVar) which is good but the content is <%=myClass.theValue%> when I'm expecting it to display the value of theValue which is "Hi"

推荐答案

问题是-如果您尝试在单独的js文件中存储/访问变量，则根本无法实现；aspx解析器未在js/css文件上运行.

The thing is - if you try to store/access your variable in a separate js file - you simply can't; the aspx parser isn't running over js/css files.

这是我的处理方式:

您单独的javascript文件应如下所示:

Your separate javascript file should look like this:

// added a few parameters (id should be something like 'm1') function getMyValue(id, value) { alert(value); }

您的ascx文件应包含以下内容:

And your ascx file should contain this:

<!-- add a reference to the js file --> <script type="text/javascript" src="myJavascriptFile.js"></script> <% // in order for this to work: // it requires a field/property of type myClass within your page or theValue should be a static property/field of myClass // create an instance of myClass (or get it another way...) var myClassInstance = new myClass(); // create a simple reference to the value you want (not required - but makes it a bit more readable) var myValue = myClassInstance.theValue; // I'm injecting myValue as a parameter for the javascript function (this gets printed as a string - so make sure you encode it properly) %> <li><a href="maindt" onmouseover="getMyValue('m1', '<%: myValue %>'); mopen('m1');" onmouseout="mclosetime()">MAINDT Home</a> <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="">Site 1</a> <a href="">Site 2</a> <a href="">Site 3</a> </div> </li>

有点晚了，但是我希望这会有所帮助！

A bit late, but I hope this helps!