将服务器端 JavaScript 数组传递给客户端

Passing Server Side JavaScript Array to Client

本文关键字：客户端 数组 服务器端 JavaScript      更新时间：2023-09-26

我有一个选择菜单，我正在显示一个选项列表

我需要使用服务器端 JavaScript 调用外部第三方数据库，并返回和数组。我有客户端 JavaScript 调用数组并填充选择菜单中的选项。

我不确定如何将数组从服务器端传递到客户端。我对我的客户端 Javscript 和我的服务器端 JavaScript 很好，只是不确定如何将我的数组从服务器传递到客户端。任何意见将不胜感激。代码如下。

服务器端脚本 

var arrayOptions = new Array();
arrayOptions= //call to DB is here      
for(var i = 0; i < arrayOptions.length; i++) {
  var opt = arrayOptions[i];
  arrayOptions.push(opt);
}

客户端 JavaScript

function getOptions(arrayOptions){
  var select = document.getElementById("selOption");
  for(var i = 0; i < arrayOptions.length; i++) {
  var opt = arrayOptions[i];
  var el = document.createElement("option");
  el.textContent = opt;
  el.value = opt;
  select.appendChild(el);
 }

好吧，将数据从服务器传递到客户端通常涉及 AJAX 请求。例如，可以将POST请求发送到服务器，然后服务器可以根据需要对其进行响应。我不确定您是如何运行服务器的，但我有点感觉您可能没有完全运行服务器。我的建议是首先了解客户端/服务器通信的工作原理，然后发送数组就像发送字符串或数字一样简单。推荐阅读：

Node.js - 服务器端 JavascriptAJAX - 在不重新加载页面的情况下将数据发送到服务器

如果您使用的是.NET Technologies，此函数ScriptManager.RegisterStartupScript()可能对您有所帮助。

注意：因此您没有提到该技术，因此我认为它应该是.NET技术并给出我的解决方案。

相关文章：