如何正确地将Eval传递给javascript函数？

Question

What is the proper way to pass an asp.net value into javascript? For instance, this line of code says I am missing a token..

<asp:ImageButton runat="server" ImageUrl="/ESDNET/Images/Icons/add.png" OnClientClick="return 'ShowNewNoteForm("<%# Eval("SuggestionID").ToString() %>");'/>

Answer 1

eval is evil . You don't need to build JavaScript with server side code, it's a good way to cause yourself to have a massive headache.

To pass data to JavaScript, use custom [data-*] attributes and JSON .

_ascx

 <asp:ImageButton runat="server" ID="Button" /> 

_ascx.cs

public static string ToJSON(this object source)
{
    var jss = new JavaScriptSerializer();
    return jss.Serialize(source);
}

_{ToJSON extension method}

 public static string ToJSON(this object source) { var jss = new JavaScriptSerializer(); return jss.Serialize(source); } 

_{Access in JS via jQuery:}

 var foo; foo = $('[data-foo]').data('foo'); console.log(foo.bar); //'baz' console.log(foo.fizz); //'buzz'; 

One of the most important things about this setup is that C# will correctly JSON and HTML encode the data (in that order), following that, the JavaScript api will correctly decode the HTML attribute, and jQuery will correctly parse the JSON object.

What this means is that if you add special characters or encoded values to your C# object, you'll end up with those special characters or encoded values in your JavaScript object, without having to mess with anything to get it to work.

Answer 2

Your quotes are wrong. You should open and close the OnClientClick assignment with, double quotes, and anything inside your javascript code should be single quotes. Then, inside your breaking tags, you need to go back to double quotes. This should work...

<asp:ImageButton runat="server" ImageUrl="/ESDNET/Images/Icons/add.png" OnClientClick="return ShowNewNoteForm('<%# Eval("SuggestionID").ToString() %>');"/>

Answer 3

最终通过以下步骤将其拉开：

 <asp:ImageButton runat="server" ID="addNote" ImageUrl="/ESDNET/Images/Icons/add.png" OnClientClick='<%# String.Format("return ShowNewNoteForm(\"{0}\")", Eval("SuggestionID")) %>'/>

Answer 4

尝试将“ \\”替换为其他“”

 <asp:ImageButton runat="server" ID="addNote" ImageUrl="/ESDNET/Images/Icons/add.png" OnClientClick='<%# String.Format("return ShowNewNoteForm(""{0}"")", Eval("SuggestionID")) %>'/>