javascript - 防止嵌入的 ASP 代码被转义

标签 javascript asp.net ajax asp.net-ajax

这个问题看起来与提出的问题类似here但OP提出的场景看起来有所不同,因为他接受的答案不符合我的要求。在我的例子中,我试图嵌入一个asp片段作为从onclick调用的Javascript方法的参数Button ,但结果是标签在编译时被转义。 ASP 代码是:

<asp:Button runat="server" ID="Calculate_Mean" Text="Calculate Mean" 
OnClientClick="mean('<%$TextBoxA.ClientID + ',' + TextBoxB.ClientID + ',' +
TextBoxC.ClientID%>')"

我得到的结果是:

<input type="submit" name="Calculate_Mean" 
value="Calculate Mean"
onclick="mean(&#39;&lt;%=TextBoxA.ClientID%>&#39;);" id="Calculate_Mean" />

我已经引用并尝试了以下页面,但仍然无法解决问题:

Passing ASP.net control to JS Function
Different Embedded ASP Code Blocks and its uses

编辑:这是呈现页面的屏幕截图: Screenshot of Page rendered

最佳答案

也许你可以将 asp:button 更改为 html 按钮:

<button  onclick="mean( document.getElementById('<%=TextBoxA.ClientID%>'));" ></button>

或者尝试在 js 函数中获取客户端 ID:

ASPX

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function mean() {
            var a = document.getElementById('<%=TextBoxA.ClientID%>');
            var b = document.getElementById('<%=TextBoxB.ClientID%>');
            var c = document.getElementById('<%=TextBoxC.ClientID%>');
            alert(a.value);
            alert(b.value);
            alert(c.value);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBoxA" runat="server" ></asp:TextBox>
                <asp:TextBox ID="TextBoxB" runat="server" ></asp:TextBox>
                <asp:TextBox ID="TextBoxC" runat="server"  ></asp:TextBox>
    <asp:Button runat="server" ID="Calculate_Mean" Text="Calculate Mean" 
        OnClientClick="mean();" />
    </div>
    </form>
</body>
</html>

关于javascript - 防止嵌入的 ASP 代码被转义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48200006/

相关文章:

javascript - Restangular - 如何获得请求的普通结果(未包装)

asp.net - 无法从浏览器访问IIS中发布的Asp.net网站

c# - 在 ASP.NET 中捆绑和缩小资源

php - 使用 Ajax 时如何访问当前 PHP 文件之外的 PHP 函数?

jquery - Ajax post请求在wp主题目录中不起作用

javascript - raphael.js 中的 z-index 分层

javascript - 使用 Ajax 从 jQuery 调用 PHP 脚本来创建新文件夹

javascript - Angular 在ajax成功时应用ng-hide

javascript - 遵循页面对象样式指南时找不到元素

android - 将 ASP.NET 网站连接到 Azure 移动服务数据库