HTML表到数据库

2024-07-03 07:51:29 发布

您现在位置:Python中文网/ 问答频道 /正文

此时,我的表格如下所示:

<table border="0" cellpadding="0" cellspacing="0" class="ms-formtable" id="formTbl" style="margin-top: 8px;" width="100%"> <tbody> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_FileLeafRef"> </a> Name </h3> </td> <td class="ms-formbody" id="SPFieldFile" valign="top" width="450px"> <a href="http://google.com" onclick="DispDocItemEx(this, 'FALSE', 'FALSE', 'FALSE', '');"> X </a> </td> </tr> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_Owner"> </a> Name@ </h3> </td> <td class="ms-formbody" id="SPFieldChoice" valign="top" width="450px"> Z </td> </tr> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_DirectiveRank"> </a> Age </h3> </td> <td class="ms-formbody" id="SPFieldChoice" valign="top" width="450px"> 52 </td> </tr> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_Number"> </a> number </h3> </td> <td class="ms-formbody" id="SPFieldText" valign="top" width="450px"> 1 </td> </tr> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_Title"> </a> Name of File </h3> </td> <td class="ms-formbody" id="SPFieldText" valign="top" width="450px"> Funny Names </td> </tr> <tr> <td class="ms-formlabel" nowrap="true" valign="top" width="165px"> <h3 class="ms-standardheader"> <a name="SPBookmark_EffectiveFrom"> </a> date </h3> </td> <td class="ms-formbody" id="SPFieldDateTime" valign="top" width="450px"> 1.1.2022 </td> </tr> </tbody> </table>

Table

我基本上需要打开一个HTML文件,过滤id为“formTbl”的表,然后创建值为:{Firsttd:Secondtd, "Name":"Test", "Date":"Blank"}的JSON,或者插入到表A中第一个td(在tr标记中,我们有两个td,第一个是列的it名称,第二个是值)和表B中第二个td的数据库中。有什么方法吗?我尝试过使用Python,到目前为止,json看起来像[["","Name","","Test",""],["","Age","","12",""]],在C#中,我尝试过HTMLAgilityPack,但它不起作用


Tags: nameidtruetopwidthtrh3class
1条回答
网友
1楼 · 发布于 2024-07-03 07:51:29

下面是JQuery的解决方案

<html>
    <body>
    
        <table id="example-table">
            <tr>
                <th>Name</th>
                <th>Name@</th>
                <th>Age</th>
                <th>Number</th>
                <th>Name of file</th>
                <th>Date</th>
            </tr>
            <tr>
                <td>X</td>
                <td>Z</td>
                <td>52</td>
                <td>1</td>
                <td>Name of file</td>
                <td>2021-22-10</td>
            </tr>
        </table>
    
        <textarea rows="10" cols="50" id="jsonTextArea">
            
        </textarea>
    
    </body>
    </html>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/table-to-json@1.0.0/lib/jquery.tabletojson.min.js"></script>
    
    <script type="text/javascript">
    
        var tableToJson = $('#example-table').tableToJSON();
    
        var sendingData = JSON.stringify (tableToJson);
    
        $('#jsonTextArea').val(sendingData);
    
    
    // Send JSON data to backend
    $.post('http://localhost/test.php', {sendingData}, function(data, textStatus, xhr) {
        var backendResponse = data;
        console.log(backendResponse);       
    });
    
    </script>

相关问题 更多 >