前端面试--Ajax和Jsonp跨域

Posted designbyly

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端面试--Ajax和Jsonp跨域相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Ajax和Jsonp跨域</h1>
    <h2>Ajax</h2>
    <span>原理</span>
    <p>
        默认无法跨域,xhr2新增的CORS让Ajax可以进行跨域
    </p>
    <p>
        必须:输出http头
    </p>
    <p>
        Access-Control-Allow-Origin
    </p>
    <h2>Jsonp</h2>
    <span>原理</span>
    <p>
        可以跨域
    </p>
    <p>
        script元素的src可以跨域
    </p>
</body>
</html>

在这里插入图片描述

以上是关于前端面试--Ajax和Jsonp跨域的主要内容,如果未能解决你的问题,请参考以下文章

Nginx以及JSONP跨域ajax请求面试题

Nginx以及JSONP跨域ajax请求面试题

Nginx以及JSONP跨域ajax请求面试题

前端 - jsonp 跨域ajax

ajax之jsonp跨域请求

2017 web前端面试知识点汇总