ajax快速入门

　　

ajax作用:ajax是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术。(实现浏览器与服务器之间的数据交互,实现页面的无刷新请求服务器,提高用户体验)

基本使用:

1。创建ajax对象:

新的XMLHttpRequest()//普通浏览器使用,即浏览器有特殊

2。创建事件函数(处理服务器返回的结果):

onreadystatechange

readyState, ajax对象状态:0:请求未初始化1:服务器连接已建立2:请求已接收3:请求处理中4请求已完成,且响应

状态响应码:200:“ok”,404年,未找到页面,403:权限不足

responseText,接受服务器的返回的数据

3。初始化ajax请求

——xmlhttp.open(‘得到’,php 1. ? a=1, b=2, c - 3”,真的);

post - - - xmlhttp.setRequestHeader(“内容类型”、“应用程序/x-www-form-urlencoded”):

xmlhttp.open(“文章”,“1. php”,真的),

4。发送ajax请求- - -发送()


服务器返回

<李>

回声普通的字符串

<李>

普通html文件

<李>

返回xml字符串

<李>

索引数组

<李>

关联数组


注意事项

同源策略,当前页面要和服务器的协议地址和端口都要相同

文章发送ajax请求,

- - - setRequestHeader(“内容类型”、“应用程序/x-www-from-urlencoded”);

- - - - - -发送参数发送(“=100,b=www”)

firebug的使用

例子: 　　& lt; script  type=" text/javascript祝辞//1 .创建ajax对象 　　var  x =, new  XMLHttpRequest;//2 .触发事件 　　时间=x.onreadystatechange 函数(){,,,,,//,,,ready 准备,状态状况,长葛市 　　,,,如果(x.readyState ==, 4,,,, x.status ==, 200) { 　　,,,,,,,console.log (x.responseText);,,,//返回的结果 　　,,,,,,,} 　　}//3 .初始化 　　x.open(‘得到’,‘fuxi.php ? id=100’,真的),,,,//true 异步,假的是同步//4,发送 　　x.send();,,//发送ajax 　　如果是post 方式 　　第三步和第四步发生改变 　　x.open(“文章”、“php 3.”,真正的); 　　x.setRequestHeader(“内容类型”、“应用程序/x-www-form-urlencoded”);重要 　　x.send (“a=100, b=200”),

配合php PDO预处理

& lt; ? php  　　 　　时间=美元id  $ _GET [' id ']; 　　 　　pdo 美元;=,new  PDO (“mysql:主机=localhost; dbname=传递;charset=utf8’,‘根’,‘123456’);//准备预处理 　　美元$ stmt =, pdo→准备(“select  *,得到phones  where  id =, ?”);//赋值 　　时间=美元arr  [$ id];//执行 　　美元支撑→执行(arr);//获取结果 　　$ res =,支撑美元→获取(PDO:: FETCH_ASSOC);//,var_dump (res); 　　$ row =, json_encode (res); 　　 　　echo 美元行;


ajax快速入门