将 html 格式的字符串传递到 Onclick答案

【问题标题】：Pass a html formatted string into the Onclik将 html 格式的字符串传递到 Onclick
【发布时间】：2022-01-22 22:47:19
【问题描述】：

我已经构建了一个创建 html 格式字符串的 web 方法。

我想将字符串传递到我的视图中但不起作用。

你能帮我找到解决这个问题的正确方法吗？

let table = @TMDIWebApiController.GetAssets()
let string = "<table><tr><td>AssetId</td><td>ClientId</td><td>DateOfStatement</td><td>InvestmentType</td><td>Category</td><td>Isin</td><td>IsinDescription</td><td>IsinCurrency</td><td>TradingVenue</td><td>ShareHolding</td><td>TotalIssuedShares</td><td>Notes</td><td>IsCurrent</td><td>DateTo</td><td>DateFrom</td><td>LastModified</td></tr><tr><td>2</td><td>test</td><td>15.12.2021 23:32:07</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>True</td><td>15.12.2021 23:32:07</td><td>15.12.2021 23:32:07</td><td>15.12.2021 23:32:07</td></tr></table>"

<h2> Data</h2>
<p id="demo"> </p>
<button type="button" onclick='document.getElementById("demo").innerText = table'>Click Me!</button>

【问题讨论】：

let table = @TMDIWebApiController.GetAssets() 不是普通的浏览器客户端代码此外，除非您想将 HTML 显示为 HTML，否则您应该使用 innerHTML 但不要使用 P 标记，而是使用 DIV

标签： javascript c# html

【解决方案1】：

<!DOCTYPE html>
<html>

<body>
  <h2> Data</h2>
  <p id="demo"> </p>
  <button type="button" onclick='document.getElementById("demo").innerHTML = table'>Click Me!</button>

  <script>
    var table = ""

    var string = "<table><tr><td>AssetId</td><td>ClientId</td><td>DateOfStatement</td><td>InvestmentType</td><td>Category</td><td>Isin</td><td>IsinDescription</td><td>IsinCurrency</td><td>TradingVenue</td><td>ShareHolding</td><td>TotalIssuedShares</td><td>Notes</td><td>IsCurrent</td><td>DateTo</td><td>DateFrom</td><td>LastModified</td></tr><tr><td>2</td><td>test</td><td>15.12.2021 23:32:07</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>test</td><td>True</td><td>15.12.2021 23:32:07</td><td>15.12.2021 23:32:07</td><td>15.12.2021 23:32:07</td></tr></table>"
try{
    table =TMDIWebApiController.GetAssets()
}
catch{
    console.error('Unable to get HTML data from webapi');
    console.error('Passing the string into view is working');
    table = string;
}
  </script>
</body>

</html>

【讨论】：

Anuj Bajpai 谢谢你的帮助，我如何从 web api 获取数据我尝试这样的
Data

@TMDIWebApiController.GetAssets()
D 我的视图没有显示为表格，而是显示为 jtml 脚本
使用insted of innerText的innerHTML