手动创建原生ajax

var xhr = new XMLHttpRequest ();

xhr.open('get|post' , url)

post --?  xhe.setRequestHeadr('Content-Type',  "application/x-www-form-urlencoded")

xhr.send()

xhr.readstatechange = function(){

xhr.onload = function(){

console.log(xhr.responseText)

}

}

上传文件的  时候  ---?  post 

var fd = new FormData(  表单的DOM对象  )  自动拿到的是代码有name 字段 

fd.append('avatar',  this.files[0])

fd.set()

var  xhr  = new XMLHttpRequest ();

xhr.open('get|post' , url)

xhr.send(fd)

xhr.readstatechange = function(){

xhr.onload = function(){

console.log(xhr.responseText)

}

}

上传图片

$.ajax({

processData: false,

contentType: false

})

jsonp

$.ajax({

dataType:"jsonp"

})

jsonp  原理  script src 发送请求  ?callback=fn

前端 script src = "baidu.com?callback=fn"

后端  res.send  ( req.query.callback  +  '(  )' )

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一章 http 协议 ① 学习http协议的目标 1. 调试ajax应用程序中"看不见模不着"的错误 2. ...
    fastwe阅读 3,287评论 0 0
  • ajax介绍 问题:用户注册的时候,没有,用户名是否可用提示,导致用户需要反复的提交表单,用户体验不好。优化:用户...
    胜浩_ae28阅读 3,161评论 0 0
  • 1、从 URL 输入到页面展现背后发生的事 1. 从 URL 输入到页面展现背后发生了什么事? 1.在浏览器输入 ...
    没糖_cristalle阅读 4,260评论 0 0
  • 一、Ajax 1、Ajax 是什么 Ajax 是 Asynchronous JavaScript and XML(...
    追彩虹的小狐狸阅读 2,593评论 0 1
  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 9,804评论 0 13

友情链接更多精彩内容