AJAX URL更新

Question

我肯定有一个简单的解决方案，但是遇到了问题，

我有一个外部ajax.js文件，它具有如下所示的AJAX调用：

$(function() {
    $.ajax({
        url: url,
        success: function( data, status )

在AJAX调用上方，我有两个全局变量，分别称为ticker和url，如下所示：

 var ticker = 'AAPL'
 var url = 'http://blahblahblah' + ticker

在我的HTML文件中，我有一个输入框，用户在其中输入股票代码（例如GOOG），然后单击将更新股票变量的按钮，以便使用新URL再次进行AJAX调用。

 <form id="form">
            <h3>Enter the ticker symbol of the company you wish to view:</h3>
            <input type="text" id="userInput">
            <button onclick="myFunction()">Try it</button>
        </form>

        <script type="text/javascript" src="ajax.js">
        <script>
        function myFunction()
        {
                //old value
                alert(ticker);

                ticker = document.getElementById('userInput').value;

                //new value
                alert(ticker);
        }
        </script>

这段代码更改了股票代码变量，但仍使用旧的股票代码网址执行AJAX调用。 我认为分配不正确？ 我是AJAX的新手，但是我找不到在线解释此问题的任何教程。

谢谢

Answer 1

字符串在Javascript中是不可变的，这意味着即使更改了代码，URL也将保持不变。 改为这样做：

$(function() {
    $.ajax({
        url: "http:/blah" + ticker,
        success: function(data, status) {}
    });
});

编辑：现在我考虑了一下，它与不可变的字符串无关。 进行url = "http:/" + ticker不会创建带有ticker值的闭包，它只是创建一个新的字符串值并将其存储在url 。 创建新值后，它不会以任何方式链接到ticker 。

Answer 2

据我从您发布的代码中得知，仅在页面加载时才调用ajax例程，这解释了为什么结果中仅显示默认的url / ticker。

您需要将ajax例程包装在一个函数中，并在用户输入符号后调用它：

在您的ajax.js文件中：

function getSymbolInfo(ticker) { // consider passing ticker to this function instead of using a global var
    $.ajax({
        url: url + ticker,
        success: function( data, status ) {
           // show results
        }
    });
}

从MyFunction：

function myFunction()
{
    var ticker = document.getElementById('userInput').value;
    getSymbolInfo(ticker);

}