更新时间:2021-12-01 09:41:56 来源:极悦 浏览1131次
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视频教程,里面的内容由浅到深,通俗易懂,很适合没有基础的朋友学习,希望对大家能够有所帮助。
0基础 0学费 15天面授
Java就业班有基础 直达就业
业余时间 高薪转行
Java在职加薪班工作1~3年,加薪神器
工作3~5年,晋升架构
提交申请后,顾问老师会电话与您沟通安排学习