7.14-ajax异步提交

ajax:异步提交，不刷新页面也能动态跟后台交互

• 异步：执行某个操作，可以同时执行另一个操作

• 同步：执行某个操作是，其它操作必须等待上一个操作执行完再执行

——————————————————————————————————————————————————————————————

ajax对象

• 属性：atatus 服务器的处理状态 200，304，404，403，500

• 
  

• readvstateajax状态：0，1，2，3，4

• 0 未初始化，还没调用send()方法

• 1 (载入)已调用send()方法，正在发送请求

• 2 (载入完成)send()方法执行完成，已经接收得到全部响应内容

• 3 (交互)正在解析响应内容

• 4 (完成)响应内容解析完成，可以在客户端调用

• 
  

• onreadystatechange 指定客户端处理服务端数据的回调函数

• 客户端文本接收方式：responseText

• 客户端Xml接收方式：responseXml

• 
  

• 方法：

• get提交方式 ：open("get","地址?提交数据")打开发送数据通道

• 
  

• post提交方式：open("post","地址")

• setRequestHeader()设置发送数据头信息

• 
  

• send()发送数据

• 
  

• XML:可扩展标记语言

• XML作用：用来传输和存储数据或共享数据

• Json：大括号包起来的是对象，方括号包起来的是数组，属性之间逗号隔开

• 
  

• php函数：json_encode();———— 把一个数组自动转化为json数据

• 
  

• $.ajax(url,data,dataType,type,success);

• $.post(url,data,function(){},"text|xml|json");

• $.get(url,data,function(){},"text|xml|json");

• $.getJSON(url,data,functiong(){});

• 
  

• url:提交的地址

• data:提交的数据

• dataType:返回的数组类型

• type:提交方式post/get

• success:指定的回调函数

• 
  

• jsonp:解决ajax不能跨源的问题，jsonp可以跨源拿到另外一个站点的数据

• 
  

• $(".QQ_box1").empty();清空.QQ_box1里面的所有内容

• 
  

上一篇：7.06-php操作数据库

下一篇：7.16-GD库、水印