如何在jQuery中的页面之间传递全局变量？

我有一个显示课程列表的HTML页面（

courses.HTML

）。这些课程通过AJAX调用从数据库加载到数组“courses”中，数组“courses”在

script_1.js

中定义为全局变量。一旦我进入

course.html

中的特定课程页面，我希望能够将此数组传递给

script_2.js

，以保持课程的顺序并导航它们，而无需再次执行AJAX调用

---

如何传递此全局变量或如何管理此变量？

实现此目的的方法是使用cookies

前面的堆栈溢出问题的答案很好地解释了如何在cookie中存储javascript对象以及如何检索它们

---

实现这一点的方法是使用cookies

前面的堆栈溢出问题的答案很好地解释了如何在cookie中存储javascript对象以及如何检索它们

---

您有两个选择：

1） 如果您正在开发单页应用程序（SPA）：创建一个全局变量来存储您的课程，例如： window.courses=[]；//填写你的数据课程

然后，当您加载第2页时，可以访问window.courses变量

（请记住，您可以创建一个对象应用程序，并将所需的所有变量存储在其中：window.app={}；window.app.courses=[]）

---

2） 它对SPA或经典web应用程序很有用：将课程保存在localStorage上，您可以存储课程并在下一页中检索（如果localStorage.getItem（“课程”）未定义，也可以下载）。

您有几个选项：

1） 如果您正在开发单页应用程序（SPA）：创建一个全局变量来存储您的课程，例如： window.courses=[]；//填写你的数据课程

然后，当您加载第2页时，可以访问window.courses变量

（请记住，您可以创建一个对象应用程序，并将所需的所有变量存储在其中：window.app={}；window.app.courses=[]）

---

2） 它对于SPA或经典web应用程序很有用：将课程保存在localStorage上，您可以存储课程并在下一页中检索（如果localStorage.getItem（“课程”）未定义，则可以下载）。

您可以使用以下选项将数据从一页传递到下一页：

Cookie。在第1页的Cookie中存储一些数据。当page2加载时，它可以从cookie中读取值

本地存储。在第1页的本地存储中存储一些数据。加载page2时，它可以从本地存储器读取值

服务器存储。代表用户1在第1页的服务器上存储一些数据。加载page2时，服务器可以将该user1数据放在page2上，或者page2可以通过ajax从服务器请求该数据

查询参数。从page1加载page2时，可以将查询参数放置到URL上，如中所示，page2可以在加载时从URL解析该查询参数

公共父框架。如果您的页面由一个公共原点构成框架，并且您没有更改顶层URL，而只是更改框架URL，那么您可以将全局数据存储在顶层父框架中，并且可以从框架页面访问该数据，即使它从第1页转到第2页

---

对于更复杂的数据项（如数组），通常可以使用JSON作为基于字符串的存储格式。JSON可以放入上述任何存储选项。

您可以使用以下选项将数据从一个页面传递到下一个页面：

Cookie。在第1页的Cookie中存储一些数据。当page2加载时，它可以从cookie中读取值

本地存储。在第1页的本地存储中存储一些数据。加载page2时，它可以从本地存储器读取值

服务器存储。代表用户1在第1页的服务器上存储一些数据。加载page2时，服务器可以将该user1数据放在page2上，或者page2可以通过ajax从服务器请求该数据

查询参数。从page1加载page2时，可以将查询参数放置到URL上，如中所示，page2可以在加载时从URL解析该查询参数

公共父框架。如果您的页面由一个公共原点构成框架，并且您没有更改顶层URL，而只是更改框架URL，那么您可以将全局数据存储在顶层父框架中，并且可以从框架页面访问该数据，即使它从第1页转到第2页

---

对于更复杂的数据项（如数组），通常可以使用JSON作为基于字符串的存储格式。JSON可以放在上述任何存储选项中。

本地存储是我的存储解决方案，令人惊讶的答案！！本地存储是我的节约解决方案，令人惊讶的答案！！