在这首诗中,他们将看很多用作展开AJAX初始化的最合适的JavaScript库,主要包括jQuery,Axios和Fetch。
AJAX是由插件架构和库用以对伺服器展开触发器HTTP初始化的几组Web合作开发设计。 AJAX代表者触发器JavaScript和XML。 AJAX曾是Web合作开发界的两个常用中文名称,很多盛行的JavaScript小组件都是采用AJAX构筑的。比如,某一的使用者可视化(比如挪动按键)将初始化对服务器的触发器初始化,伺服器将索引统计数据并将其回到给插件(那些都不须要再次读取页面)。
当代的AJAX发生改变
JavaScript早已产业发展了,那时,他们早已采用后端库和/或React,Angular,Vue等架构构建了静态中文网站。AJAX的基本概念也历经了关键性变动,即使当代的触发器JavaScript初始化牵涉索引JSON而并非XML 。在那儿有很多的库能让你从你的插件插件对伺服器展开触发器初始化。当中很多早已步入了
Fetch API
Fetch API是XMLHttpRequest的当代代替方式,用作从伺服器索引天然资源。与XMLHttpRequest相同,它具备更强悍的目褐和枭女的中文名称。虽然其句法和内部结构,Fetch也是灵巧且更易采用的。但,与其它AJAX HTTP库差别开去的是,它受大部份当代Web插件的全力支持。抽取遵从两个允诺-积极响应方式,Fetch明确提出允诺并回到两个导出为Response第一类的promise。
您能传递两个Request
正如您所看到的,Fetch的then方式回到两个积极响应第一类,您能采用一系列的thens进一步操作。我早已采用.json()方式将积极响应转换为JSON并将其打印到控制台。
如果您须要POST表单统计数据或采用Fetch创建AJAX文件上传?除了Fetch之外,您还须要两个输入表单,并采用FormData库来存储表单第一类。
您能在官方的Mozilla web文档中阅读更多关于Fetch API的信息。
Axios
Axios是两个基于XMLHttpRequest构筑的JavaScript库,用作展开AJAX初始化。它允许您从插件和伺服器发出HTTP允诺。此外,它还全力支持ES6原生的Promise API。 Axios的其它突出特点主要包括:
拦截允诺和积极响应。采用promise来转换允诺和积极响应统计数据。自动转换JSON统计数据。取消实时允诺。
要采用Axios,您须要先安装它。
这是演示Axios行动的两个基本的例子。
与Fetch相比,Axios的句法更简单。让他们做很多更复杂的事情,比如他们之前采用Fetch创建的AJAX文件上传器。
Axios绝对更具可读性。 Axios也受React和Vue等盛行架构的欢迎。
jQuery
jQuery曾是JavaScript中比较有名的两个后端库,用作处理从AJAX初始化到操纵DOM内容的大部份事情。尽管其它相关后端库的相关性有所降低,但仍然能采用jQuery来展开触发器初始化。
如果你之前采用过jQuery,这可能是最简单的解决方案。但您不得不将整个jQuery库导入以至于采用$.ajax方式。虽然这个库有某一于域的方式,比如$.getJSON,$.get和$.post,但其句法并不像其它的AJAX库那么简单。这里是做两个基本的GET允诺的代码。
关于jQuery的好处是,你在合作开发遇到的疑问,你在网上都能查找到答案和发现大量文档全力支持。我发现了很多采用FormData()和jQuery展开AJAX文件上传的例子。这是最简单的方式:
SuperAgent
SuperAgent是两个轻量级和渐进式AJAX库,更侧重于可读性和灵巧性。 SuperAgent还拥有两个温和的学习曲线,不像其它JavaScript库。它有两个相同的API Node.js模块。 SuperAgent有两个允诺第一类,它接受GET,POST,PUT,DELETE和HEAD等方式。然后能初始化.then(),.end()或新的.await()方式来处理积极响应。比如,以下是SuperAgent的简单GET允诺。
如果你想做更多的事情,比如上传两个采用AJAX库的文件呢?这太容易了。
如果您有兴趣了解更多关于SuperAgent的信息,他们自家有一套很好的文档来帮助您入门到精通。
Request-简化的HTTP插件
Request是展开HTTP初始化的最简单的方式之一。内部结构和句法与在Node.js中处理允诺的方式非常相似。现阶段,该项目在GitHub上有18K星,值得一提的是:Request是可用的HTTP库之一。这里是两个例子:
结尾
从插件展开HTTP初始化在十年前并并非那么容易。后端合作开发人员将不得不依赖于难以采用和实现的XMLHttpRequest。当代的JavaScript库和HTTP插件采使用者可视化,动画,触发器文件上传等后端功能更加简单。 我个人最喜欢的是Axios,即使我个人觉得它更易读易读。