美文网首页
AJAX和JSONP请求

AJAX和JSONP请求

作者: ForeverYoung_06 | 来源:发表于2022-05-11 18:25 被阅读0次

同源策略:端口 域名 协议相同

跨域解决
CORS
代理请求方式
jsonp

JSONP流程:动态创建script标签,后端返回回调函数的执行,并把请求数据作为实参传入。

Ajax请求步骤
创建XMLHttpRequest实例对象
通过open方法指定请求方式或路径
调用send方法发送请求
监听实例对象下的onReadyStateChange事件,当状态满足时,拿到请求结果进行页面渲染。

Ajax和jsonp区别
方式不同,ajax是通过xmlhttprequest获取非本页内容,jsonp是动态添加script标签调用服务器提供的js脚本。
跨域问题,ajax由于同源策略不可跨域,jsonp使用get方法跨域

get和post区别
传递的参数不同,get请求参数拼接在路径后,post请求参数在send,post请求的请求头是为了确保后端获取post参数
缓存问题get请求有缓存,解决:在请求参数后拼接一个时间戳
速度,get请求的发送数据量小所以比post快,post比get稳定

相关文章

  • JSONP

    JSONP和AJAX 首先二者是完全不同的东西,AJAX是通过XMLHttpRequest来发起请求,而JSONP...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • JSONP、JQuery发送AJAX、JSONP请求

    1.JSONP 2.JQuery发送AJAX、JSONP请求 1.JSONP JSONP利用JavaScript...

  • jsonp基础原理

    jsonP实现的效果和ajax非常类似,但jsonP并不是ajax的一部分。 jsonP主要用于解决跨站数据请求,...

  • jsonp解决ajax跨域的原理

    1.jsonp只能解决GET类型的ajax请求跨域问题2.jsonp请求不是ajax请求,而是一般的get请求3....

  • AJAX POST请求实现/AJAX封装/node/RESTfu

    AJAX POST请求实现 AJAX封装 JSONP node.js 扩展

  • AJAX和JSONP请求

    同源策略:端口 域名 协议相同 跨域解决CORS代理请求方式jsonp JSONP流程:动态创建script标签,...

  • Ajax请求跨域问题

    遇到ajax请求跨域问题,解决方式,改dataType为jsonp json和jsonp返回数据格式json格式 ...

  • 前端(ajax,jsonp)

    ajax,jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。aj...

  • 正则与json

    正则 ajax与jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息...

网友评论

      本文标题:AJAX和JSONP请求

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