Javascript 如何使用react获取html格式的表？

我在jsx页面上有以下语义ui反应表

<Table id='myTable' celled selectable sortable headerRow={['Id', 'Name']} renderBodyRow={this.renderBody} tableData={list}  />

并在post方法中获取：

[HttpPost("html")]
public void GetData(string html)
{        
}

如何获取html格式的表格？我在jQuery中找到了一个.html（）函数，但不知道如何使用它。我试过：

<div className="htmlData">
    <Table id='myTable' celled selectable sortable headerRow={['Id', 'Name']} renderBodyRow={this.renderBody} tableData={list}  />
</div>

getHtmlTable() {
    var html = $('htmlData').html();
    $.ajax({
        type: "POST",
        url: "http://localhost:50000/api/table/",
        data: html,
        beforeSend: function() {
        },
        success:function() {
        }
    });
}

getHtmlTable（）{
var html=$（'htmlData'）.html（）；
$.ajax({
类型：“POST”，
url:“http://localhost:50000/api/table/",
数据：html，
beforeSend:function（）{
},
成功：函数（）{
}
});
}

---

但它不起作用。有人能帮忙吗？

您应该有合适的选择器使其工作：

var html = $('.htmlData').html();

或者，对于纯JS，您可以使用元素的

outerHtml

属性：

var html = document.querySelector("#myTable").outerHtml;

---

您应该有适当的选择器使其工作：

var html = $('.htmlData').html();

或者，对于纯JS，您可以使用元素的

outerHtml

属性：

var html = document.querySelector("#myTable").outerHtml;

---

确保您的代码被包装在

componentDidMount

中

componentDidMount

在安装组件后立即调用

---

确保您的代码被包装在

componentDidMount

中

componentDidMount

在安装组件后立即调用

---

这有助于在js中获取html字符串，因此当我调用alert（html）时，将显示带有正确html字符串的alert窗口。但它不会发送到GetData方法-收入值是null@Bashnia007，HttpPost（“html”）做什么？尝试删除参数，也许它是某种限制之王？这有助于在js中获取html字符串，因此当我调用alert（html）时，会显示带有正确html字符串的alert窗口。但它不会发送到GetData方法-收入值是null@Bashnia007，HttpPost（“html”）做什么？尝试删除参数，可能是某种限制？