AJAX封装+跨域（jsonp）

AJAX的调用还十分麻烦，步骤比较繁琐，在日常开发一般会将其进行封装，所以接下来封装下AJAX功能相关步骤函数，以后使用直接调用即可，同时大大提高了开发效率。

为了使用方便，接下来封装AJAX的get和post

封装：基本模板与传参

此时调用模板时，如下所示

封装1：建立异步对象

封装2：判断请求类型

get请求类型传值方式是将数据拼接到路由后进行传值，所以接下来需要判断是否传值(对比post请求)

1、get请求类型传值方式是将数据拼接到路由后进行传值

2、post请求类型判断是否有传值，如果有则send发送至服务器，没有则不发

封装3：注册事件，针对不同状态进行响应，获取返回数据

开发中，也可以将响应，即注册事件步骤，直接移至第一步创建异步对象下，以便更好地监听到状态变化。

封装调用：
接下来外部传参调用下封装的AJAX函数

接下来外部传参调用下封装的AJAX函数
此时控制台测试，便可以输出打印JSON格式数据，所以如果想用JS进一步操作，需要进行反序列化解析即JSON.parse()，然后操作其对页面进行局部更新。

AJAX跨域

跨域简介：
AJAX跨域指的是JS在不同的域之间进行数据传输或通信。

跨域方案：
1、jsonp跨域(重点)----前端处理方法
2、cros跨域-----后台处理
常见跨域场景？
所谓的同源是指，域名、协议、端口均为相同。

JSONP跨域：

jsonp跨域原理：借助网页标