ajax的封装

前两天,我们研究了Ajax的基本原理和使用方法,那么今天我们在此基础上简单的封装一个ajax。
一、ajax怎么封装?

  • 封装一个带参数的ajax函数
  • 【思考】封装的ajax中必须要传入的参数有哪些?
    1、url——请求的url
    2、type——要发送的请求类型,默认为GET
    3、dataType——返回数据的格式,默认为json格式
    4、async——是否异步发送请求的布尔值
    5、data——用户传递的数据
    6、将用户传递的数据序列化
    7、创建一个ajax对象
    8、设置参数
    9、监听数据状态并接收响应
    10、If...else判断opts.type类型并根据这个类型发送数据
    

二、ajax封装好之后的使用方式

ajax({
    url: '',
    type: '',
    dataType: '',
    data: {},
    onsuccess: function(ret){
      console.log(ret)
      render(ret)      //成功后调用render()渲染DOM
    },
    onerror: function(){
      console.log('服务器异常')
      showError()      //失败后调用showError()函数
    }
})
//将数据拼装成DOM显示在页面
function render(json){
    
}
//失败后会执行什么操作
function showError(){
    
}

你可能感兴趣的:(ajax的封装)