ajax

1、梳理知识点

php操作mysql

步骤 ： 

    连接数据源  

    选择数据库

    设置字符编码

    编写sql语句

    执行sql语句 mysql_query()    mysql_fetch_array() 

    返回执行结果

客户端向服务器传递数据方式 ： 

    表单提交数据

    超链接路径传递参数  

    ajax

 

2、ajax

什么是ajax : 异步的JavaScript and  xml  （ JavaScript 和可扩展标记语言） 在向服务器提交少量的数据时，可以使用ajax实现  提高程序的执行效率

作用 ： 实现整个页面无刷新（局部刷新）   

ajax最大特点--页面无刷新    提高用户体验

ajax使用场景 ：  验证用户名的唯一性   百度搜索智能联想

 

3、ajax工作原理

 

4、异步和同步

异步 ： 同时执行 （生活中的同步）      发短信    统筹

异步---非阻塞模式  前面的代码不会影响后面代码的执行

 

同步 ：顺序执行  （生活中的异步）

同步---阻塞模式  前面的代码会影响后面代码执行  

 

5、ajax获取或向服务器发送数据步骤

ajax步骤：

    1、需要一个ajax对象  XMLHttpRequest 

        if( window.XMLHttpRequest ){

             var ajax = new XMLHttpRequest();

        }else{

             var ajax = new ActiveXObject("Microsoft.XMLHTTP");

        }

 

    2、建立和服务器的连接

        ajax. open("get",url,true) 

        三个参数

           第一个参数 ：请求数据的方式  get/post

               get   路径传值  数据量小   

               post  非路径传值  数据量大

          第二个参数 ： 路径  url  服务器文件的路径

          第三个参数 ： 异步true / 同步false   默认是异步  (可以省略) 

 

    3、向服务器发送数据

       ajax.send()

        

    4、服务器处理数据 并返回结果（异步）

        ajax.onreadystatechange = function(){

            if( ajax.readyState==4 && ajax.status == 200 ){

               oDiv.innerHTML = ajax.responseText;

            }

        }

        服务器返回的结果 在 responseText 属性中

         通过 onreadystatechange 状态改变事件 获取服务器处理的结果

         注意 ： 一定要对 【状态值 ( readystate==4 ) 和  状态码 ( status==200 ) 】进行判断

       

        ajax状态值说明：

 0 ：请求未初始化（还没有调用open）

      1 ：请求已经建立，但是还没有发送（还没有调用send()）

      2 : 请求已发送，正在处理中  

      3 : 请求在处理中，通常响应中已有部分数据可以用了，但是服务器还没有完成响应的生成

      4 ：响应已完成 获取并使用服务器的返回值

 

     ajax状态码 ： 

            200——交易成功

            404——没有发现文件、查询或URl

            500——服务器产生内部错误

            400——错误请求，如语法错误

 

 

6、缓存

当多次通过ajax方式请求服务器的数据时，如果请求的路径没有发生变化，后面的请求 会从浏览器的缓存上提数据，如果服务器的数据有更改，客户端便不能及时获取浏览器的数据

为了防止缓存现象 ： 

解决方式 ：在请求路径上添加一个一个参数  值是一个随机值

"t"+(i+1)+".txt?id="+new Date().getTime()    或  Math.random()

 

7、字符和对象转换

通过ajax从服务器获取的数据都是字符串

将字符串转对象 '{"name":"lichune"}'  '[{"name":"aaa"},{}]'   '[]'   JSON.parse(  )     

将对象转成字符串  JSON.stringify()

 

 

8、接口

接口 就是 后端程序为前端提供一个 路径   

接口路径 ：  xxx.php    xxx.jsp    xxx.asp  含义 ： 验证用户名的唯一性  

接口参数 :  用户名  username 

 

接口路径 （必须有）： 

http://127.0.0.1/ajax1810Day01/checkName.php

接口参数（可有可无） ： 但给了就不能改  

接口的返回值 （必须有）:  

           0   用户名不存在

           1   用户名存在

接口功能  

 

9、ajax向服务器提交或获取数据的方式

get   路径传值   传递的数据量小  速度快

post  非路径传值  传递的数据量大