从代码隐藏中传递JavaScript函数的参数
[英]Passing arguments to JavaScript function from code-behind
问题描述
I would like to call a javascript function from an aspx control. 
我想从aspx控件调用一个javascript函数。 For instance, suppose I had: 例如，假设我有：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function test(x, y)
{
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button"
onclick="Button1_Click"/>
</div>
</form>
</body>
</html>
and in the code behind: 并在后面的代码中：
protected void Button1_Click(object sender, EventArgs e)
{
// do stuff (really going to a database to fill x and y)
int[] x = new int[] { 1, 2, 3, 4, 5 };
int[] y = new int[] { 1, 2, 3, 4, 5 };
// call javascript function as test(x,y);
}
Is there a way to do it? 有办法吗？
9 个解决方案
解决方案1
10 2009-04-25 06:22:55
Look at the ScriptManager.RegisterStartupScript method if you're using a ScriptManager or any Ajax controls/asynchronous postbacks. 如果您正在使用ScriptManager或任何Ajax控件/异步回发，请查看ScriptManager.RegisterStartupScript方法。
Edit: 编辑：
Actually, the function you want is probably ScriptManager.RegisterClientScriptBlock 实际上，您想要的功能可能是ScriptManager.RegisterClientScriptBlock
解决方案2
10 已采纳 2009-04-25 06:23:09
解决方案3
6 2009-04-26 05:08:35
Some other things I found out: 我发现的其他一些事情：
You can't directly pass in an array like: 你不能直接传入一个数组，如：
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "xx",
"<script>test("+x+","+y+");</script>");
because that calls the ToString() methods of x and y, which returns "System.Int32[]", and obviously Javascript can't use that. 因为它调用x和y的ToString（）方法，返回“System.Int32 []”，显然Javascript不能使用它。 I had to pass in the arrays as strings, like "[1,2,3,4,5]", so I wrote a helper method to do the conversion. 我必须将数组作为字符串传递，如“[1,2,3,4,5]”，所以我编写了一个辅助方法来进行转换。
Also, there is a difference between this.Page.ClientScript.RegisterStartupScript() and this.Page.ClientScript.RegisterClientScriptBlock() - the former places the script at the bottom of the page, which I need in order to be able to access the controls (like with document.getElementByID). 此外，this.Page.ClientScript.RegisterStartupScript（）和this.Page.ClientScript.RegisterClientScriptBlock（）之间存在差异 - 前者将脚本放在页面底部，这是我需要的，以便能够访问控件（与document.getElementByID一样）。 RegisterClientScriptBlock() is executed before the tags are rendered, so I actually get a Javascript error if I use that method. RegisterClientScriptBlock（）在呈现标记之前执行，因此如果我使用该方法，实际上会出现Javascript错误。
http://www.wrox.com/WileyCDA/Section/Manipulating-ASP-NET-Pages-and-Server-Controls-with-JavaScript.id-310803.html covers the difference between the two pretty well. http://www.wrox.com/WileyCDA/Section/Manipulating-ASP-NET-Pages-and-Server-Controls-with-JavaScript.id-310803.html涵盖了两者之间的差异。
Here's the complete example I came up with: 这是我提出的完整示例：
// code behind
protected void Button1_Click(object sender, EventArgs e)
{
int[] x = new int[] { 1, 2, 3, 4, 5 };
int[] y = new int[] { 1, 2, 3, 4, 5 };
string xStr = getArrayString(x); // converts {1,2,3,4,5} to [1,2,3,4,5]
string yStr = getArrayString(y);
string script = String.Format("test({0},{1})", xStr, yStr);
this.Page.ClientScript.RegisterStartupScript(this.GetType(),
"testFunction", script, true);
//this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
//"testFunction", script, true); // different result
}
private string getArrayString(int[] array)
{
StringBuilder sb = new StringBuilder();
for (int i = 0; i < array.Length; i++)
{
sb.Append(array[i] + ",");
}
string arrayStr = string.Format("[{0}]", sb.ToString().TrimEnd(','));
return arrayStr;
}
//aspx page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function test(x, y)
{
var text1 = document.getElementById("text1")
for(var i = 0; i<x.length; i++)
{
text1.innerText += x[i]; // prints 12345
}
text1.innerText += "\ny: " + y; // prints y: 1,2,3,4,5
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button"
onclick="Button1_Click" />
</div>
<div id ="text1">
</div>
</form>
</body>
</html>
解决方案4
3 2011-04-29 08:11:06
include script manager 包括脚本管理器
code behind function 代码背后的功能
ScriptManager.RegisterStartupScript(this, this.GetType(), "HideConfirmBox", "javascript:HideAAConfirmBox(); ", true);
解决方案5
2 2009-04-25 06:38:45
Response.Write("<scrip" + "t>test(" + x + "," + y + ");</script>");
分解脚本关键字，因为VStudio / asp.net编译器不喜欢它
解决方案6
1 2011-01-09 05:23:01
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Call java script function on Code behind</title>
<script type="text/javascript">
function abc()
{
var a=20;
var b=30;
alert("you enter"+a+":"+b);
}
</script>
</head>
cs code cs代码
protected void Page_Load(object sender, EventArgs e)
{
TextBox2.Attributes.Add("onkeypress", "return abc();");
}
try this 尝试这个
解决方案7
0 2013-03-24 16:07:52
<head>
<script type="text/javascript">
function test(x, y)
{
var cc = "";
for (var i = 0; i < x.length; i++)
{
cc += x[i];
}
cc += "\ny: " + y;
return cc;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Button" />
<p>
<asp:TextBox ID="TextBox1" Name="TextBox1" runat="server" AutoPostBack="True" TextMode="MultiLine"></asp:TextBox>
</p>
</form>
</body>
protected void Page_Load(object sender, EventArgs e)
{
int[] x = new int[] { 1, 2, 3, 4, 5 };
int[] y = new int[] { 1, 2, 3, 4, 5 };
string xStr = getArrayString(x); // converts {1,2,3,4,5} to [1,2,3,4,5]
string yStr = getArrayString(y);
string script = String.Format(" var y = test({0},{1}) ; ", xStr, yStr);
script += String.Format(" document.getElementById(\"TextBox1\").value = y ");
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "testFunction", script, true);
// this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "testFunction", script, true); // different result
}
private string getArrayString(int[] array)
{
StringBuilder sb = new StringBuilder();
for (int i = 0; i < array.Length; i++)
{
sb.Append(array[i] + ",");
}
string arrayStr = string.Format("[{0}]", sb.ToString().TrimEnd(','));
return arrayStr;
}
解决方案8
0 2010-06-10 10:10:55
If you are interested in processing Javascript on the server , there is a new open source library called Jint that allows you to execute server side Javascript. 如果您对在服务器上处理Javascript感兴趣，可以使用一个名为Jint的新开源库，它允许您执行服务器端Javascript。 Basically it is a Javascript interpreter written in C#. 基本上它是一个用C＃编写的Javascript解释器。 I have been testing it and so far it looks quite promising. 我一直在测试它，到目前为止看起来很有希望。
Here's the description from the site: 以下是该网站的描述：
Differences with other script engines:
Jint is different as it doesn't use CodeDomProvider technique which is using compilation under the hood and thus leads to memory leaks as the compiled assemblies can't be unloaded.
解决方案9
0 2009-04-25 06:35:51
I think you want to execute the javascript serverside and not in the browser after post-back, right? 我想你想在回复后执行javascript服务器端而不是浏览器，对吧？
That's not possible as far as I know 据我所知，这是不可能的
If you just want to get it execute after postback, you can do something like this: 如果您只是想在回发后执行它，您可以执行以下操作：
this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "xx", "<script>test("+x+","+y+");</script>");
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.