ajax中get与post方式的区别---get方式

原创 15038098692 随笔 随笔 156阅读 2017-11-09 16:53:54 举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>get和post请求数据的区别---get方式</title>
</head>
<body>

<div>我来测试一下</div>

<input type="button" value="按钮" id="btn">

<script>

var oBtn = document.getElementById("btn");
oBtn.onclick=function () {  //类似于我们网上浏览一个网页的行为,我们来模拟一下
    var xhr;
    if (window.XMLHttpRequest)
    {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xhr=new XMLHttpRequest();
    }
    else
    {
        // IE6, IE5 浏览器执行代码
        xhr=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xhr.open("get","2.get.php?username="+encodeURI("杭州")+"&age=88&" + new Date().getTime(),true);

    xhr.send();

    xhr.onreadystatechange = function () {   //条件:服务器状态响应准备就绪
        if(  xhr.readyState==4 &&  xhr.status==200){
               alert(xhr.responseText)
        }
        else{
            "出错了"
        }
    }

}

/*在工作当中怎么做一些请求的处理?

用get方式?用post方式?需不需要带什么参数?比如像表单一样,需不需要传什么数据到后端去?

1.用get方式请求文件的时候,传输数据改如何去操作?

xhr.open("get","2.get.php",true);中如果请求一个动态文件的话,还要传递数据,我们应该注意哪些问题呢?

get方式怎么传数据呢?通过url后面带数据的,把数据名称和数据值用=链接,如果有多个的话,那么它会把多个数据组合用&进行链接
xhr.open("get","2.get.php?username=leo&age=88",true);没错,就是这样

1.要注意的问题:缓存(ie)
解决方法:在url?后面连接一个随机数或时间梭,加一个&符号,

2.名字写成中文时的乱码问题,带上编码encodeURL,如下

xhr.open("get","2.get.php?username="+encodeURI("杭州")+"&age=88&" + new Date().getTime(),true);

2.post方式

*

  • */

</script>

</body>
</html>html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复