由于变量范围问题，为变量分配值时出现问题

Question

基本上，我试图从服务器中获取一些值，并使用这些值来进行选择。我已经在函数 getPages（）的开头初始化并分配了 pages_str 变量。 当我从服务器收到响应时，我正在串联select元素的其他选项。但是不幸的是，当我在控制台中检查值时，这些字符串似乎没有被串联。

   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>

我在做什么错了？