作为后端攻城狮，写前端代码是一种什么体验？

相信不少人和 @Python大星 一样，有写过前端代码的经历。

记录一下，Vue 框架开发中“啼笑皆非”的故事，非专业前端人员，该案例无 css 美化，引起不适，请见谅，如有不当之处，请指出，不甚感激！

一、Ajax

原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求，只能停止当前ajax请求。

1.什么是ajax？ajax作用是什么？

AJAX = 异步 JavaScript 和 XML。

一、跨域请求痛点

最近网站新增了一个域名B用于分离不同的功能。但是需要复用服务器的高防等服务，但是服务和原有域名A绑定，所以新域名B需要直接去调用域名A。

Ajax全称为“Asynchronous JavaScript XML”(异步javaScript和XML)，它并不是指一种单一的技术，而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。

Ajax的优势

• 不需要插件的支持

对于前端同学来说，ajax 请求应该不会陌生。jquery 真的ajax请求做了封装，可以通过下面的方式发送一个请求并获取相应结果：

$.ajax({
    url: "https://echo.apipost.cn/get.php",
    data: formData,
    type: "POST",
    processData: false,
    contentType: false,
    success: function (data, status, xhr) {
        console.log(data, status, xhr)
    },
    error: function (xhr, status, error) {
        console.log(xhr, status, error)
    },
    complete: function (xhr, status) {
        console.log(xhr, status)
    }
})

对于前端来说，请求是前端日常工作必备的，通过请求才能与后端进行数据交互，尤其在现在前后端分离的开发模式下，请求显得就更加重要。因此，对于前端开发者来说，掌握请求就很重要。下面将从 http 请求和常见的几个请求技术做具体的讲解。

1.XMLHttpRequest

XMLHttpRequest 一开始只是微软浏览器提供的一个接口，后来各大浏览器纷纷效仿也提供了这个接口，再后来 W3C 对它进行了标准化，按照标准前后可以分为两个版本，具体阐述如下：

1.1、JQuery的GET方式实现AJAX

核心语法：

适合自建站、独立站、亚马逊,wish,joom,Ebay等平台