javascript

ajax那啥的通用框架

留下评论

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 &amp;&amp; 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 &amp;&amp; xmlhttp.status==200) //当海枯石烂的时候
{
alert(xmlhttp.responseText); //把返回的数据用警告框显示出来
}
}
xmlhttp.send("name=luojia&amp;level=2B"); //发送数据：名字=罗佳&amp;（和）等级=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



2018年7月起本站文章未经文下加注授权不得拷贝发布。

本博客使用Disqus评论系统，如果看不到评论框，请尝试爬墙。