如何使用反应以html格式获取表格？

我有以下语义的UI反应的JSX页的表如何使用反应以html格式获取表格？

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

我需要把这个表给HTML字符串中调用方法

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

，并得到它的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() { 
     } 
    }); 
}

但它不起作用。任何人都可以帮忙吗？

来源

2017-04-20 Bashnia007

你应该有正确的选择，使其工作：

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

或者用普通JS你可以使用元素的outerHtml属性：

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

来源

2017-04-20 10:37:09

这有助于获得JS HTML字符串，所以当我呼叫警报（HTML）与正确的HTML字符串警告窗口中显示。但它没有发送到GetData方法 - 收入值为空 – Bashnia007

@ Bashnia007，'HttpPost（“html”）'做什么？尝试删除参数，也许这是一些限制之王？ –

确保您的代码被包裹在里面componentDidMount。安装组件后立即调用componentDidMount。

componentDidMount

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

来源

2017-04-20 10:48:41

如何使用反应以html格式获取表格？

回答

相关问题