跨域问题以及解决方法和FormData 构造函数

麦子穗

已于 2022-03-28 14:53:58 修改

阅读量1.3k

点赞数

分类专栏： Ajax 前端面试题跨域文章标签： ajax 前端

于 2022-03-25 16:38:22 首次发布

本文链接：https://blog.youkuaiyun.com/m0_49456900/article/details/123739481

版权

本文探讨了前端开发中常见的跨域问题及其解决方案，并详细介绍了FormData构造函数在动态组装数据和提交表单时的应用，无需预设请求头类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跨域问题

//1.跨域是什么
        //向一个域发送请求，如果要请求的域和当前域是不同域，就叫跨域
        // 不同域之间的请求，就是跨域请求
        // 同域不是跨域；不同域，跨域，被浏览器阻止

        //2.什么是同域，不同域
     // https(协议)://www.imooc.com（域名）:443（端口号）/course/list（路径）
        // 同域：协议、域名、端口号都一样
        // 不同域：协议、域名、端口号不一样

        //3.跨域请求为什么会被阻止
        // 阻止跨域请求，其实是浏览器本身的一种安全策略--同源策略
        // 其他客户端或者服务器都不存在跨域被阻止的问题

        // 4. 跨域解决方案
        //(1)CORS跨域资源共享（优先使用，如果浏览器不支持再使用JSONP）
        //(2)JSONP  // 查看兼容网址：https://caniuse.com/
    //（3）nginx代理跨域
    //（4）nodejs中间件代理跨域
    //（5）document.domain+iframe跨域
    //（6）location.hash+iframe跨域
    //（7）window.name+iframe跨域
    //（8）PostMessage跨域
    //（9）websocket协议跨域

FormData 构造函数

提交表单时&#