weixin_33670713 2016-03-24 20:29 采纳率: 0%
浏览 35

Ajax不刷新html页面[关闭]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
                </div>
            </div>
        </div>
                <hr class="my12 outline-none baw0 bb bc-powder-2">
            <div class="grid fw-nowrap fc-black-600">
                    <div class="grid--cell mr8">
                        <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg>
                    </div>
                <div class="grid--cell lh-md">
                    <p class="mb0">
                        <b>Want to improve this question?</b> <a href="/posts/36209463/edit">Update the question</a> so it's <a href="/help/on-topic">on-topic</a> for Stack Overflow.
                    </p>
                    <p class="mb0 mt6">Closed <span title="2016-03-24 23:56:00Z" class="relativetime">4 years ago</span>.</p>
                </div>
            </div>
    </aside>

I'm new to coding. I want to refresh

'Test text' in HTML div id='result' to 'Or something else' in data.php file

I don't understand why it is not working, because I copied that code from video course. I'm running those pages on Microsoft WebMatrix. I tried to install XAMPP but couldn't start Apache server. So I ended up to WebMatrix. Thanx for helping newbie

HTML file

    <!DOCTYPE html>
<html>
<head>
    <title></title>
    <script>

     function ajax_request() {
         var xmlhttp = new XMLHttpRequest();

         xmlhttp.onreadystatechange = function () {
             if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                 var result = document.getElementById('result');
                 result.innerHTML = xmlhttp.responseText;

             }

         }
         xmlhttp.open('Get', 'data.php', true);
         xmlhttp.send();
     }

    </script>
</head>
<body>
    <button onclick="ajax_request">Click me</button>
    <div id='result'>Test text</div>
</body>
</html>

PHP file

   <?php 
    $data = "Or something else";
    echo $data;

?>
</div>
  • 写回答

1条回答 默认 最新

  • weixin_33736649 2016-03-24 20:35
    关注
    <button onclick="ajax_request">Click me</button> 
    

    must be

    <button onclick="ajax_request();">Click me</button>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 对法兰连接元件所承受的表面载荷等效转化为法兰开孔接触面上的等效表面载荷?
  • ¥15 comsol仿真压阻传感器
  • ¥15 Python线性规划函数optimize.linprog求解为整数
  • ¥15 llama3中文版微调
  • ¥15 在win系统Django虚拟环境下载mysqlclient报错
  • ¥15 pg数据库导入数据序列重复
  • ¥15 三分类机器学习模型可视化分析
  • ¥15 本地测试网站127.0.0.1 已拒绝连接,如何解决?(标签-ubuntu)
  • ¥50 Qt在release捕获异常并跟踪堆栈(有Demo,跑一下环境再回答)
  • ¥30 python,LLM 文本提炼