0

当我按下按钮时，我想用 AJAX（无 jquery）将数字 1、2 和 3 的行更改为数字 4、5 和 6。我该怎么做？因为有了这段代码我不能。

这是主要的.php：

<!DOCTYPE html>
<html>
    <head>
        <title>Hola Mundo con AJAX</title>
        <script>
            function loadXMLDoc()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {
                    // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {
                    // code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function()
                { 
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","carga.php",true);
                xmlhttp.send();
            }
        </script>
    </head>
    <body>
        <table>
            <tr>
                <td bgcolor="#D6D6D6">field 1</td>
                <td bgcolor="#D6D6D6">field 2</td>
                <td bgcolor="#D6D6D6">field 3</td>
            </tr>
            <tr>
                <div id="myDiv"><td>1</td>
                <td>2</td>
                <td>3</td></div>
            </tr>
        </table>
        <button onclick="loadXMLDoc()">Cambio</button>
    </body>
</html>

这是cargar.php：

<?php
echo "<td>4</td>
    <td>5</td>
    <td>6</td>"; 
?>
4

1 回答 1

0

尝试这个：

<!DOCTYPE html>
<html>
    <head>
        <title>Hola Mundo con AJAX</title>
        <script>
            function loadXMLDoc()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {
                    // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {
                    // code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function()
                { 
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("myTable").tBodies[0].innerHTML+=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","carga.php",true);
                xmlhttp.send();
            }
        </script>
    </head>
    <body>
        <table id="myTable">
            <tbody>
                <tr>
                    <td bgcolor="#D6D6D6">field 1</td>
                    <td bgcolor="#D6D6D6">field 2</td>
                    <td bgcolor="#D6D6D6">field 3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td></div>
                </tr>
            </tbody>
        </table>
        <button onclick="loadXMLDoc()">Cambio</button>
    </body>
</html>
于 2013-05-04T16:18:51.720 回答