在前端开发中，Ajax 是一个非常常见的技术。它可以让我们在不重新加载整个页面的情况下，通过异步请求获取数据并更新页面。通常情况下，Ajax 返回的是 JSON 格式的数据。但有时候我们需要返回一个数组，该怎么办呢？本文将为大家介绍如何从 Ajax 调用返回数组。
什么是 Ajax？
Ajax 全称 Asynchronous JavaScript and XML，即异步 JavaScript 和 XML 技术。它使得在不刷新整个页面的情况下，能够通过 JavaScript 向服务器发送请求并接收响应。Ajax 最初的目的是为了实现动态网页，提高用户交互体验。
Ajax 返回的数据格式
Ajax 可以返回多种格式的数据，包括 JSON、XML、HTML 等。一般情况下，我们都会使用 JSON 格式的数据。因为 JSON 格式的数据比较轻量级，易于处理，而且浏览器也能够很好地解析 JSON。
JSON 是一种轻量级的数据交换格式，它基于 JavaScript 对象表示法（JavaScript Object Notation）。JSON 数据是由键值对组成的，每个键值对之间使用逗号分隔，整个 JSON 对象使用花括号括起来。示例代码如下：
{
"name": "Tom",
"age": 18,
"city": "Shanghai"
}有些时候，我们需要从 Ajax 调用中返回一个数组。这个数组可以是后端返回的数据，也可以是前端自己定义的数据。下面我们将分别介绍如何实现这两种情况。
后端返回数组
如果后端返回的数据是一个数组，那么在前端处理起来比较简单。我们只需要在 Ajax 请求成功的回调函数中，使用返回的数据即可。示例代码如下：
-- -------------------- ---- -------
--------
----- -------
---- ---------------
-------- -------------- -
------------------ -- ----
--
------ ---------- -
--------------------
-
---前端自定义数组
如果前端需要自己定义一个数组并返回，那么我们可以将数组转换成 JSON 格式返回。然后在 Ajax 请求成功的回调函数中，解析 JSON 数据得到数组。示例代码如下：
-- -------------------- ---- -------
-- ------
--- --- - --- -- -- -- ---
-- ------ ---- --
--- ------- - --------------------
--------
----- -------
---- ---------------
----- ------ ---------
-------- -------------- -
-- -- ---- ------
--- --- - -----------------
----------------- -- ----
--
------ ---------- -
--------------------
-
---总结
本文介绍了如何从 Ajax 调用返回数组。当后端返回的数据是一个数组时，我们只需要在成功回调函数中使用该数组即可；如果前端需要自己定义一个数组并返回，我们可以将数组转换成 JSON 格式返回，并在成功回调函数中解析得到数组。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24139