美文网首页
jsonp,ajax,json的问题

jsonp,ajax,json的问题

作者: 空一座旧城守我的旧人 | 来源:发表于2017-11-25 17:15 被阅读0次

    JSONP

    JSONP是解决跨域问题的一种常见方式

    跨域问题:因为浏览器有同源策略,所以当不同域间进行数据交互的时候就会出现跨域问题

    同源策略:只有在同协议,同域名,同端口的情况下才能进行数据交互

    JSONP的原理:可以利用script标签(会使用回调函数来不接收数据)的src属性不受同源策略的影响,可以请求到不同域的数据,通过设置回调函数来接收数据

    JSONP是前后端结合的跨域方式:因为前段请求到数据后需要在回调函数中使用,所以后端得到数据放回到回调函数中

    JSONP的缺点:

    只能使用get处理,不能post跨域处理,需要注意的是:每次请求应该动态创建script标签和回调函数,数据获取完成后销毁

    AJAX

    ajax是指通过使用xmlhttprequest对象进行异步数据交互的技术,实现无刷新状态更新页面和异步提交

    ajax实现过程:

    1. 创建xmlhttprequest对象
    2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
    3. 设置向响应HTTP请求状态变化的函数
    4. 发送HTTP请求
      5.获取异步调用返回的数据
    5. 使用JavaScript和DOM实现局部刷新

    优点:

    1. 不需要插件支持
    2. 用户体验极佳
    3. 提升web程序性能
    4. 减轻服务器和宽带的负担

    缺点:

    1. 前进后提按钮被破坏
    2. 搜索引擎的支持不够
    3. 开发调试工具缺乏

    JSON

    JSON和XML一样也是一种简单文本格式。是一种比较流行的标准格式,是数据的载体,相对于XML。JSON更加易读、更便于肉眼检查。在语法的层面上,JSON与其他格式的区别是在于分隔数据的字符,JSON中的分隔符限于单引号、小括号、中括号、大括号、冒号和逗号

    优点:

    1. 作为一种数据传输格式,JSON与XML很相似,但是它更加灵巧。
    2. JSON不需要从服务器端发送含有特定内容类型的首部信息

    缺点:

    1. 语法过于严谨
    2. 代码不易读
    3. eval函数存在风险

    相关文章

      网友评论

          本文标题:jsonp,ajax,json的问题

          本文链接:https://www.haomeiwen.com/subject/gfvcbxtx.html