AJAX和JSONP：前端异步请求与跨域解决方案

AJAX和JSONP是前端开发中常用的异步请求和跨域解决方案。本文将详细介绍它们的使用方法和源代码示例。

一、AJAX（Asynchronous JavaScript and XML）
AJAX是一种在不刷新整个页面的情况下，通过JavaScript与服务器进行异步通信的技术。它可以实现页面的局部刷新，提升用户体验。

1. 发起AJAX请求
   以下是一个简单的AJAX请求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true)