zoukankan      html  css  js  c++  java
  • 简单的通过ajax ‘POST’ 方法实现与后台数据交互

    HTML

        <h2>AJAX</h2>
        <button type="button" onclick="loadXMLDoc()">请求数据</button>
        <div id="myDiv"></div>

    原生ajax

       function loadXMLDoc() {
                var xhr;
                if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xhr = new XMLHttpRequest();
                }
                else {// code for IE6, IE5
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
    
                xhr.onreadystatechange = function () {
                    if (xhr.readyState == 4 && xhr.status == 200) {
    
                        console.log(xhr.responseText);
                        document.getElementById("myDiv").innerHTML = xhr.responseText;
    
                    }
                }
                xhr.open("POST", "ajax1.php", true);
                xhr.send();
            }

    php部分

    <?php
    echo "使用POST方法请求得到的<br/>";
    echo date("Y-m-d h:i:s",time());
    ?>

    点击按钮之前

    点击按钮之后

    ╰︶﹉⋛⋋⊱⋋๑๑⋌⊰⋌⋚﹉︶╯
  • 相关阅读:
    协议与接口相关
    jmeter 使用(1)
    jmeter 压力测试
    shell脚本的规则
    charles的原理及使用
    Linux环境部署和项目构建
    面向对象
    python 基础练习题
    jmeter 使用(2)
    Ext.apply
  • 原文地址:https://www.cnblogs.com/zhangcheng001/p/11249335.html
Copyright © 2011-2022 走看看