ajax虾米的最有爱了,用起来也很方便。。【第一次写长文,出错请留言来让我改正】
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
var xmlhttp; //创建一个Request对象先 if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST或者GET","请求的脚本文件",true或false【不加引号,true是异步,false是同步】); //异步通俗的说就是请求时浏览器接着干其他事,同步就是浏览器要等服务器处理完了才接着做其他事 xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) //当海枯石烂的时候 { //这里就可以做ajax接收后行为的事了,然后xmlhttp.responseText是从服务器扔回来的数据。 } } xmlhttp.send("这里是发送出去的数据"); |
下面是一个纯用来触发php的脚本(不发送数据)
html里:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> var xmlhttp; //创建一个Request对象先 if (window.XMLHttpRequest) //if和else用来适应不同的浏览器 { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST","请求的脚本文件.php",true); xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) //当海枯石烂的时候 {//由于这个例子服务器脚本不返回内容,而且请求完后也没有事做所以这里就空着 } } xmlhttp.send(/*不发送数据*/); </script> |
php里:
随便做件什么事情,比如打开个文件写点数据。。。反正就和刚刚那html一点关系都没有,html的作用只是让这个脚本运行了。
这里是向服务器发送数据并且返回的例子
html:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script> var xmlhttp; //创建一个Request对象先 if (window.XMLHttpRequest) //if和else用来适应不同的浏览器 { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST","请求的脚本文件.php",true); //用post的方法异步请求消息 xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) //当海枯石烂的时候 { alert(xmlhttp.responseText); //把返回的数据用警告框显示出来 } } xmlhttp.send("name=luojia&level=2B"); //发送数据:名字=罗佳&(和)等级=2B </script> |
php里:
1 2 3 4 5 6 7 8 9 |
<span style="color: #000080;">$name=$_POST["name"]; //接收从ajax发来的数据里名字为name的数据</span> <span style="color: #000080;"> $level=$_POST["level"]; //接收从ajax发来的数据里名字为level的数据</span> //这里就简单的举个例子所以就不做什么复杂的工作了,于是再把这两个数据丢回去,这时和加载普通php页面的原理是一样的(html结构,原理自己去百度) //把数据扔给浏览器只要使用随便一个输出方法比如echo,print什么的 echo $name; //把$name扔给浏览器 echo "\n"; //一个换行,由于使用警告框显示的所以用了\n echo $level; //把$level扔给浏览器 |
然后浏览器接到返回的数据应该会弹出一个警告框并显示出luojia【换行】2B
本文发布于 https://luojia.me
本站文章未经文下加注授权不得拷贝发布。
本博客使用Disqus评论系统,如果看不到评论框,请尝试爬墙。