zoukankan      html  css  js  c++  java
  • 原生的ajax,get post请求需要注意的地方

    1.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script>
        window.onload = function(){
            var btn = document.getElementById('btn');
            btn.onclick = function(){
                var xhr = null;
                try{
                    xhr = new XMLHttpRequest();
                }catch(e){
                    xhr = new ActiveXObject('Microsoft.XMLHTTP');
                }
                /*
                get 方式请求数据,1:缓存,解决方法:加上时间戳
                                2: 中文,采用ecodeURI
                但在最新的浏览器中均不需要
                xhr.open('get','2_get.php?username='+encodeURI('刘伟')+'&age=20&'+new Date().getTime(),true);
                xhr.send();
                */
                 
                /*post 方式请求数据,数据放的位置不同*/
                xhr.open('post','2_get.php',true);
                xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
                xhr.send('username=leo&age=20');
                 
                
                xhr.onreadystatechange = function(){
                    if(xhr.readyState == 4){
                        alert(xhr.responseText);
                    }
                }
                
            };
        };
    </script>
    </head>
    
    <body>
    <input type="button" value="按钮" id="btn"/>
    </body>
    </html>
    <?php
        header('content-type:text/html; charset="utf-8"');
        error_reporting(0);
        
    //    $username = $_GET['username'];
    //    $age = $_GET['age'];
    
        $username = $_POST['username'];
        $age = $_POST['age'];
        
        echo "欢迎,你的名字:{$username},年龄:{$age}";
    
    
    
    
    
  • 相关阅读:
    [kuangbin带你飞]专题十二 基础DP1 E
    hdu 1203 I NEED A OFFER! (01背包)
    hdu 2602 Bone Collector (01背包)
    hdu 4513 吉哥系列故事——完美队形II (manacher)
    hdu 2203 亲和串 (KMP)
    hdu 1686 Oulipo (KMP)
    hdu 1251 统计难题 (字典树)
    hdu 2846 Repository (字典树)
    hdu 1711 Number Sequence (KMP)
    poj 3461 Oulipo(KMP)
  • 原文地址:https://www.cnblogs.com/moon-yyl/p/9210778.html
Copyright © 2011-2022 走看看