无法访问 Scope.. 中的 Javascript 变量？ [复制]

Question

下面是我的javascript代码..我在函数之外声明了变量'allproductsAndPrice'..但是初始化后我无法访问它。！难道我做错了什么？ 当我尝试提醒它时，它不会打印任何内容。

var allproductsAndPrice = "";
$.getJSON("/Home/GetProducts",
    function (data, textStatus, jqXHR) {
        for (var i = 0; i < data.length; i++) {
            allproductsAndPrice = allproductsAndPrice + 
                "<option name='productName' id=" + data[i].productPrice + ">" + 
                data[i].Pname + "</option>";
        }
    }
);

alert(allproductsAndPrice);

Answer 1

这里的问题是警报会在getJSON 的回调被调用之前被调用。这意味着allProductsAndPrice 在警报中始终是一个空字符串。

对getJSON 的调用是异步的，这意味着它将在ajax 请求上触发一个“完成”事件，然后回调将被执行。您可以对 getJSON 进行同步调用，但这有点违背这个想法。

为了更好地了解现在正在发生的事情是这样的：

1. 在当前作用域上将allproductsAndPrice初始化为“”。
2. 创建一个 Ajax 请求
3. allproductsAndPrice 的内容仍为“”的警报
4. 触发了完整的事件
5. 执行回调并影响allproductsAndPrice

你应该做的是：

    var allproductsAndPrice = "";
    $.getJSON("/Home/GetProducts",
      function (data, textStatus, jqXHR) {
          for (var i = 0; i < data.length; i++) {
              allproductsAndPrice = allproductsAndPrice + "<option name='productName' id=" + data[i].productPrice + ">" + data[i].Pname + "</option>";
          }

          // More code that should be executed
          alert(allproductsAndPrice);
    });

Answer 2

试试这个。这将起作用并帮助您确定是否存在错误。 第二件事 var allproductsAndPrice 将在警报中保持为空，因为 ajax 请求是异步的，javascript 不会等待 ajax 响应。

var allproductsAndPrice = "";
try {
    $.getJSON("/Home/GetProducts", function(data) {
        for (var i = 0; i < data.length; i++) {
            allproductsAndPrice = allproductsAndPrice + "<option name='productName' id=" + data[i].productPrice + ">" + data[i].Pname + "</option>";
        }
    });
} catch (e) {
    alert(e.message);
}
alert(allproductsAndPrice);