javascript - 由于变量范围问题而为变量赋值的问题

Question

基本上我正在尝试从服务器获取一些值并使用这些值来制作选择元素。我在函数getPages()的开头初始化并分配了 pages_str变量。当我从服务器获得响应时，我正在连接选择元素的其他选项。但不幸的是，当我在控制台中检查值时，这些字符串似乎没有被连接。

   function getPages()
   {
        var pages_str = '<option disabled selected value >Select Value</option>';
        $.ajax(
             {
               url:"value_choices",
               type:"GET",
               data:{"key": "Pages Visited"}, 
               dataType:"json",
               success:function(response)
                {
                  if(response.data)
                  {
                    pages_array = response.data;
                    console.log(pages_array);
                    var i=0;
                    for(i=0;i<pages_array.length;i++)
                    {
                     pages_str = pages_str +'<option value="'+pages_array[i]+'">'+pages_array[i]+'</option>';
                    }
                  }
                }
          });
     console.log(pages_str);
     return pages_str;
   };

console.log(pages_array)的值是这个

["Hostza", "Hostza-Package", "Hostza-Single Blog", "Hostza-Elements", "Hostza-Support", "Hostza-About", "Hostza-Contact"]

console.log(pages_str)的值是这个

<option disabled selected value >Select Value</option>

我究竟做错了什么？

标签： javascriptjqueryscope