Question

我的本地系统中有一些（xyz）html文件，其中包含一些整数值。我创建了一个（abc）html文件，其中包含这些文件的主要摘要。我想在我的html文件中显示整数值。我如何通过xyz html文件解析并存储到我的abc html文件中？

<table class="log" border="0" cellpadding="5" cellspacing="2" width="100%">
<tr>
<th>Files</th><th>Errors</th>
</tr>
<tr class="a">
<td>225</td><td>2294</td>
</tr>
</table>

这是我在xyz html文件中的内容..我需要从这里提取值225和2294.

Answer 1

您可以从要显示值的位置发出ajax请求。通过解析html，您可以获得特定字段的值

$.ajax({
    url: "http://test.com/page1.html",
    type: "GET",
    dataType: "html",
    success: function(data) {
        var html = $.parseHTML(data);
        var first = $(html).closest('.log').find('.a').find('td:eq(0)').html();
        var second = $(html).closest('.log').find('.a').find('td:eq(1)').html();

        alert(first+" "+ second);
    }
});

根据需要查看解析html的Sample DEMO

Answer 2

如果您正在寻找解析HTML代码，可以使用多种服务器端脚本语言以及JavaScript来实现。

这是JS的解决方案：

<!DOCTYPE html>
<html lang="en">
    <head>
        <script type="text/javascript">
            function loadPage(href){
                var xmlhttp = new XMLHttpRequest();
                xmlhttp.open("GET", href, false);
                xmlhttp.send();
                return xmlhttp.responseText;
            }
            function parseHTML(url){
                var my_arr = [];
                var el = document.createElement( 'div' );
                el.innerHTML = loadPage(url);
                var table_row = el.document.getElementsByClassName("a");
                for(var i=0; i<x.length; i++){
                    var new_arr = new Array();
                    my_arr.push(new_arr);
                    var r = x[i].getElementsByTagName('td');
                    for(var j=0; j<r.length; j++){
                        var new_val = r[j].innerHTML;
                        my_arr[i].push(new_val);
                    }
                }
                return my_arr;
            }
        </script>
    </head>

    <body onload="parseHTML('my_url_path');">

    </body>

</html>

这是PHP和SimpleHTMLDOM的解决方案：

<?php
   $str = '<table class="log" border="0" cellpadding="5" cellspacing="2" width="100%"><tr><th>Files</th><th>Errors</th></tr><tr class="a"><td>225</td><td>2294</td></tr></table>';
   $html = new simple_html_dom();
    // Load from a string
    $html->load($str);

    $arr = array();
    $iterator = 0;
    // Loop over all the <tr> with a class ".a"
    $table_rows = $html->find("tr.a");
    foreach($table_rows as $tr){
        $arr[$iterator] = array();
        // Loop over all the <td> inside a <tr> with a class ".a"
        $table_divisions = $tr->find("td");
        foreach($table_divisions as $td){
            $arr[$iterator][] = $td->innertext;
        }
        $iterator++;
    }
?>

您需要下载该库：

http://simplehtmldom.sourceforge.net/manual.htm

http://sourceforge.net/projects/simplehtmldom/files/

请记住，您需要PHP 5.0 +

从一个html文件到另一个html文件的值

2 个答案: