1. Ajax的相关内容介绍

一,什么是Ajax

 

 二，同步异步的区别

　　2.1下图事例为同步

　　

　　

 

同步的意思是指两者相关联，只能一方做事情。

　　2.2 异步内容　　

　　

　　

 

 

三，如何创建Ajax对象

　　3.1ajax的核心就是JavaScript的XMLHTTPRequest对象

　　　　3.1.1：主流浏览器的创建方法（包括：ie7及以上，chrome，火狐，opera，Safari）

　　　　　　

 

　　　　上图即为创建了ajax对象（上面考虑了ajax的兼容性）。

 

 四，建立对服务器的连接（要有客户端.html和服务器端.php）

　　4.1通过XMLHTTPRequest对象的open（）方法创建对服务器的http请求

 　　　　语法：request.open(" 请求的类别【get | post】 " ，“url地址”，是否是异步【默认true是异步】)。

　　　　案例：如下图

　　　　

　　4.2 对服务器 发起请求

　　　　通过send（）方法对服务器发起请求

　　　　语法：req.send();

　　如下图所示

 

测试代码：

　　　　(客户端代码）

　　　　

　　服务器端代码

　　　　

 　　4.3 接受服务器的返回信息

　　　　浏览器可以接受服务器返回的字符串，XML，json格式的数据信息

　　　　

 

 案例代码：

　　　　

 　　4.4 客户端传参　　

　　　　4.4.1  get方式进行传参（参数是以字符串的形式进行传参，这个数据量是有限的）

　　　　　　前段页面

　　　　　　

　　　　　　服务器端获取参数的方式

　　　　　　　　01方式，

　　　　　　　　　　

　　　　　　　　02方式，

　　　　　　　　　　

　　4.4.2  解决浏览器的bug问题

　　　　　　

　　　　　　解决方法：需要给name使用一个函数

　　　　　　　　　　　　

　　　　　　修改后的代码：

　　　　　　　　　　　　

 

 　　　　完美解决ie不支持中文，及其他浏览器特殊字符的bug问题。

 　　4.5.1  post方式进行传参（提交方式是将参数转换成xml格式进行传输，数据量不限）（get方式是将参数以字符串的形式传输，数据量是有限的）

　　　　　　

　　　　　　

　　　　　　

 

 

前段页面代码：

　　　　　　

 

　　　　　　上图中的 ①调试字符的码问题，上图的②是将post请求转换为xml格式进行数据传输的代码。

　　　　php中获取参数的方式：    如果是get提交则用   $val=$_GET['name'],    如果是post提交  则用 $val=$_post['name']   (  $_GET  和  $_POST这两个都是以数组的形式存储）