jQuery（五）Ajax、跨域_jquery ajax 跨域

学好 Python 不论是就业还是做副业赚钱都不错，但要学会 Python 还是要有一个学习规划。最后大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！

一、Python所有方向的学习路线

Python所有方向路线就是把Python常用的技术点做整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

二、学习软件

工欲善其事必先利其器。学习Python常用的开发软件都在这里了，给大家节省了很多时间。

三、全套PDF电子书

书籍的好处就在于权威和体系健全，刚开始学习的时候你可以只看视频或者听某个人讲课，但等你学完之后，你觉得你掌握了，这时候建议还是得去看一下书籍，看权威技术书籍也是每个程序员必经之路。

四、入门学习视频

我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了。

五、实战案例

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

六、面试资料

我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

    lid: 5
  },
  dataType: "json",
  success: function (result) {
    console.log(result)
  }
})

//登录验证
$.ajax({
  url: "http://xzserver.applinzi.com/users/signin",
  type: "post",
  data: {
    uname: "dingding",
    upwd: "123456"
  },
  dataType: "json",
  success: function (result) {
    console.log(result);
  }
})

```

二、跨域

一个域名下网站中的网页，去请求另一个域名下网站中的资源，就是跨域。

1. 可以跨域的元素或程序

<link rel="stylesheet" href="别的网站的css文件">

<script src="别的网站的js文件">

<img src="别的网站的图片">

<a href="别的网站的页面">

<iframe  src="别的网站的片段">

$.ajax({ url:"别的网站的接口地址" })

2. 跨域包括

（1）域名不同：www.a.com下的网页–>www.b.com

（2）子级域名不同：oa.baidu.cn下的网页–>hr.baidu.cn

（3）端口不同：http://localhost:5500下的网页–>http://localhost:3000

（4）协议不同：http://12306.cn下的网页–>https://12306.cn

（5）即使同一台主机，自己的域名与自己的IP地址之间也算跨域：http://localhost:3000下的网页–>http://127.0.0.1:3000

3. 使用ajax发送跨域请求

使用 ajax 发送跨域请求时会报错，如下图：

<script>
    //向服务器端发送ajax请求，获取天气预报
    $.ajax({
      url: "http://127.0.0.1:3000",
      success: function (result) {
        console.log(result);
      }
    })
  </script>

这是因为浏览器中都有一个 CORS 策略/同源策略（Cross Origin Resources Sharing）：浏览器默认只允许当前网页中的 Ajax 请求使用自己网站的资源，不允许 ajax 请求使用其他域名返回的数据。

具体方法是：浏览器自动检查每个响应回来的结果数据的来源地址，用数据的来源地址与当前网页所在的地址比较，如果发现来源地址与网页所在的地址不一致，则禁止网页使用其他来源的数据。

4. 解决跨域问题

CORS 方式，请服务器端篡改数据的来源地址，强行与客户端地址保持一致，骗过浏览器的 cors 策略，使得 cors 策略允许数据进入程序使用。格式如下：

//node.js中
res.writeHead(200,{ //先写请求头部
   ... : ...,
   "Access-Control-Allow-Origin":"客户端网页所在地址"
 });
res.write(JSON.stringify(响应结果)) //再写响应结果
res.end(); //发送

在以上例子中，只需在服务器端添加一句话即可，

再次使用 ajax 发送跨域请求，结果如下：

5. 前后端分离

在开发中前端一个项目，后端一个项目，前后端项目独立运行，这样可以避免互相影响。在后端中可以通过中间件来解决重复写接口的问题：

a. 安装 npm i -save cors

b. 在 nodejs express 项目的 app.js 中:

var cors=require("cors"); //引入cors中间件
var app=express();
app.use(cors({
   origin:[ "http://127.0.0.1:5500", "其它允许跨域的客户端地址",... ]
}))


文末有福利领取哦~
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

👉**一、Python所有方向的学习路线**

Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。![img](https://img-blog.csdnimg.cn/c67c0f87cf9343879a1278dfb067f802.png)

👉**二、Python必备开发工具**

![img](https://img-blog.csdnimg.cn/757ca3f717df4825b7d90a11cad93bc7.png)  
👉**三、Python视频合集**

观看零基础学习视频，看视频学习是最快捷也是最有效果的方式，跟着视频中老师的思路，从基础到深入，还是很容易入门的。  
![img](https://img-blog.csdnimg.cn/31066dd7f1d245159f21623d9efafa68.png)

👉 **四、实战案例**

光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。**（文末领读者福利）**  
![img](https://img-blog.csdnimg.cn/e78afb3dcb8e4da3bae5b6ffb9c07ec7.png)

👉**五、Python练习题**

检查学习结果。  
![img](https://img-blog.csdnimg.cn/280da06969e54cf180f4904270636b8e.png)

👉**六、面试资料**

我们学习Python必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。  
![img](https://img-blog.csdnimg.cn/a9d7c35e6919437a988883d84dcc5e58.png)

![img](https://img-blog.csdnimg.cn/5db8141418d544d3a8e9da4805b1a3f9.png)

👉因篇幅有限，仅展示部分资料，这份完整版的Python全套学习资料已经上传




**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化学习资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618317507)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**