Ajax到websocket

Ajax到websocket

ajax是什么

全称是(asynchronous javascript and xml)是已有技术的组合,主要用来实现客户端与服务器的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持ajax,可以使用隐藏帧(iframe)方式变相实现异步效果

ajax的创建

  • 创建xhr对象,也就是创建一个异步调用对象
  • 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
  • 设置回调
  • 发送HTTP请求
  • 获得异步调用返回的数据
  • 使用JavaScript和DOM实现局部刷新
var xhr = null // 创建对象
if(window.XMLHttpRequest) { // 标准浏览器
    xhr = new XMLHttpRequest()
} else {// 早期浏览器
    xhr = new ActiveXObject('Microsoft.XMLHTTP') // 参数是规定的
}
xhr.open('方式','地址','标志位') // 初始化请求
xhr.setRequestHeader('','') // 设置http头请求
xhr.onreadystatechange = function(){
    // 4表示响应内容解析完成,可以在客户端调用了
    // 200表示HTTP请求成功
     if(xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText)
    }
} // 指定回调函数
xhr.send() // 发送请求

ajax最大的特点

ajax可以实现异步通信效果,实现页面局部刷新,带来更好地用户体验,按需获取数据,带来更好地用户体验

ajax的缺点

  1. ajax不支持浏览器back按钮
  2. 安全问题ajax暴露了与服务器交互的细节
  3. 对搜索引擎的支持比较弱
  4. 破坏了程序的异常机制

JSOP

Jsonp并不是一种数据格式,json才是数据格式,jsonp是用来解决跨域获取数据的一种解决方案,通过动态创建script标签,然后通过标签的src属性获取js文件中的js脚本,该脚本中的内容是一个函数调用,参数就是服务器返回的数据,为了处理这些返回的数据,需要事先在页面定义好回调函数,本质上使用的并不是ajax技术

利用

你可能感兴趣的:(笔记,Ajax,websocket)