douren1928 2013-05-04 16:03
浏览 35
已采纳

用ajax编辑表行（没有jquery）

I want to change the row with the numbers 1, 2 and 3 for the number 4, 5 and 6 with AJAX (no jquery) when I push the button. How can I do it? because with this code I can't.

This is the main .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>

This is cargar.php:

<?php
echo "<td>4</td>
    <td>5</td>
    <td>6</td>"; 
?>
  • 写回答

1条回答 默认 最新

  • dtlygweb2017 2013-05-04 16:18
    关注

    Try this:

    <!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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用
  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题，求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示？
  • ¥15 有了解d3和topogram.js库的吗？有偿请教