今天跟大家唠唠我最近搞的“ajax调用api接口”这件事儿，说起来也真是踩不少坑，不过总算是搞定，这里面有些经验跟大家分享一下，希望能帮到大家少走弯路。
我寻思着这玩意儿应该挺简单，不就是用ajax发个请求，然后拿数据嘛结果一上手，就给我来个下马威。
我就碰到跨域问题。我前端的页面是跑在`localhost:8080`，然后API接口是`*`。直接用ajax请求，浏览器直接给我报个CORS错误，说啥“Access to XMLHttpRequest at '*' from origin 'null' has been blocked by CORS policy”。当时我就懵，啥玩意儿？
后来查资料才知道，这是浏览器的安全机制，为防止恶意网站盗取数据。解决这个问题，一般有两种方法：
第一种，让后端在API接口那边设置允许跨域。 也就是在HTTP响应头里加上`Access-Control-Allow-Origin: `。 这种方式简单粗暴，直接允许所有域名访问，但是安全性稍微差点。 第二种，用代理服务器。 就是我的前端页面先请求我的服务器，然后我的服务器再去请求API接口，再把数据返回给前端。这样就绕过浏览器的跨域限制。我这里选择第一种，直接让后端大哥改下接口，加上`Access-Control-Allow-Origin: `。 搞定之后，跨域问题算是解决。
就是ajax请求本身。我用的是jQuery的`$.ajax()`方法，写起来还算方便。
javascript
$.ajax({
url: '*/getData',
type: 'GET',
dataType: 'json',
success: function(data) {
// 处理返回的数据
*(data);
error: function(xhr, status, error) {
// 处理错误
*('Error:', status, error);
这里面需要注意几个点：
`url`： 就是你要请求的API接口地址。 `type`： 请求方式，一般是`GET`或者`POST`。 `dataType`： 返回的数据类型，一般是`json`。
在`success`回调函数里，我直接把返回的数据打印到控制台。结果一看，全是乱码！我一开始以为是编码问题，各种改编码方式，结果都没用。
后来仔细一看，发现返回的数据是JSON格式的字符串，不是JSON对象。也就是说，我需要先把这个字符串转换成JSON对象才能用。
javascript
var data = *(*);
这样搞定之后，总算是能正常拿到数据。
在实际开发中，你可能还会遇到其他问题，比如：
参数传递： 如果你需要传递参数给API接口，可以在`data`字段里设置。 请求头设置： 有些API接口可能需要你设置特定的请求头，可以在`headers`字段里设置。 错误处理： 在`error`回调函数里，你需要根据不同的错误状态码来做不同的处理。
ajax调用API接口虽然看起来简单，但是实际操作起来还是有很多细节需要注意的。希望我的这些经验能帮到大家，少走弯路，早日搞定！