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

 

你可能感兴趣的:(ajax)