Ajax学习

1.Ajax: 异步js 和 xml
异步刷新：如果网页中某一个地方需要修改，异步刷新可以使：只刷新该修改的地方，而页面其他地方保持不变。（例如百度搜索框,视频点赞）

实现：
js:  XMLHttpRequest对象
XMLHttpRequest对象的方法：
open(方法名(提交方式get|post),服务器地址,true):与服务端建立连接
send():
       get:  send(null)
       set:  send(参数值)
setRequestHeader(header，value):
       get:不需要设置此方法
       post:需要设置
            a.如果请求元素中包含了文件上传：
               setRequestHeader("Content-type","multipart/form-data")
            b.不包含了 文件上传：
               setRequestHeader("Content-type","application/x-www-form-urlencoded")

XMLHttpRequest对象的属性：
readyState:请求状态  只有状态为4代表请求完毕
status:响应状态  只有200代表响应正常
onreadystatechange:回调函数
responseText:响应格式为String
responseXML:响应格式为XML

jquery:推荐
$.ajax({
   url:服务器地址,
   请求方式:get|post,
   data:请求数据,
   success:function(result,testStatus){
   },
   error function(xhr,errorMessage,e){
   }
})

$.get(
  服务器地址，
  请求数据，
  function(result){
  
  },
);

$.post(
  服务器地址，
  请求数据，
  function(result){
  
  },
  "xml" 或 "json" 或 "text"
);

$(xxx).load(
  服务器地址，
  请求数据，
);

load:将服务器端的返回值直接加载到$(xxx)所选择的元素中

$.getJSON(
  服务器地址，
  JSON格式的请求数据，
  function(result){
  
  }
)

 

 

视频学习地址：https://ke.qq.com/course/list/DT