专注Java教育14年 全国咨询/投诉热线:444-1124-454
星辉LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 Ajax传值的方式

Ajax传值的方式

更新时间:2021-12-01 09:41:56 来源:星辉 浏览1061次

Ajax传值的方式只有两种:GET 和 POST方式

GET:

xmlhttp = new XMLHttpRequest();
//异步执行函数
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","target.php?tid=1",true);
xmlhttp.send();
//open里面函数值分别是“传值方式”、“目标网页”、“是否异步”,send中不用写任何东西

POST:

xmlhttp = new XMLHttpRequest();
//异步执行函数
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("POST","target.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("user_id="+getCookie("user_id")+"&"+"user_pwd="+getCookie("user_pwd"));

注意:

1.POST第二行要设置响应头,固定的!!!!!!

2.POST发送的数据用&隔开,千万不能用错,虽然传送的是cookie值,但并不是直接将cookie写上去(cookie是用分号隔开)

3.在服务器那边的php直接就能用$_POST["user_id"]来获取数据(好久才跳出来的坑)

4.xmlhttp.onreadystatechange()函数是异步执行的,要等到服务器返回了数据才执行,所以书写在哪里都行,使用该函数的前提是“是否异步”为true

5.如果“是否异步”为false,则需要将xmlhttp.onreadystatechange()函数写在xmlhttp.send()后面

通过上述介绍相信大家对Ajax传值的方式已经有所了解,如果小伙伴对此比较感兴趣,想了解更多相关知识,不妨来关注一下星辉的Ajax视频教程,里面的内容由浅到深,通俗易懂,很适合没有基础的朋友学习,希望对大家能够有所帮助。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>