zoukankan      html  css  js  c++  java
  • AJAX-----05XMLHttpRequest对象的用post方式进行ajax请求

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <script>
        function createXHR(){
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else if(window.ActiveXObject){
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            return xhr;
        }
    
        function reg(){
            //制造xhr
            var xhr = createXHR();
            //打开post链接
            xhr.open('post','5.php',true);
            
            //收集表单数据
            var user = document.getElementsByName('user')[0].value;
            var emali = document.getElementsByName('emali')[0].value;
            //test
            //alert('user='+user+'&emali='+emali);
            //post的必须要有这个头信息才可以
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            //发送
            xhr.send('user='+user+'&emali='+emali);
            //状态
            xhr.onreadystatechange = function(){
                if(this.readyState == 4 && this.status == 200){
                    alert(this.responseText);
                }
            }
    
            return false;
        }
    </script>
    <body>
        <form action="5.php" method="post" onsubmit="return reg();">
            USER: <input type="text" name="user"> <span id="user"></span> <br> <br>
            EMAIL: <input type="text" name="emali"> <span id="emali"></span><br> <br>
            <input type="submit" value="OK">
        </form>
    </body>
    </html>

    <?php
        print_r($_POST);

    效果如下所示:

  • 相关阅读:
    div定位左右居中
    highcharts绘制3D倾斜的饼图
    Echarts 图表不能渲染问题整理
    RK:系统手势监听
    RK:网络共存、Shell脚本
    泛型
    ArrayList类
    Linux(centos7)安装ClickHouse
    centos安装宝塔命令
    centos下修改hosts文件以及生效命令
  • 原文地址:https://www.cnblogs.com/leigood/p/6036999.html
Copyright © 2011-2022 走看看