检索在onchange javascript事件中创建的javascript变量

Question

我具有以下简单形式，用户可以从中选择一种状态来查看有关的信息：

<form style="position:absolute; top:65px; left:650px">
    Select State to View:
    <select id="myList" onchange="load_state_data(); xml = getStateInfo();">
      <option selected="selected"></option>
        <?php
            foreach($stateNames as $state){
                echo('<option>'.$state.'</option>');
            }
        ?>
    </select>
</form>

我的JavaScript如下：

function load_state_data() {
    var state_name = $("#myList option:selected").val();
    $.ajax({
        type: 'post',
        url: 'state_data.php',
        dataType: "xml",
        data: {
            state_name: $("#myList option:selected").val()
        },
        success: function (data) {
            //clear out previous values
            for (j = 0; j < 5; j++) {
                $('#top_name_' + j).html("");
                $('#top_score_' + j).html("");
            }

            $(data).find('TOP').each(function (index) {
                $('#top_name_' + index).html($(this).find('COMPANY_NAME').text());
                $('#top_score_' + index).html($(this).find('Q_SCORE').text());
            });

            //initialize my temp arrays for reverse ordering the results
            var botName = new Array();
            var botScore = new Array()

            //clear out previous values
            for (j = 0; j < 5; j++) {
                $('#bot_name_' + j).html("");
                $('#bot_score_' + j).html("");
            }

            $(data).find('BOTTOM').each(function (index) {
                //$('#bot_name_'+index).html($(this).find('COMPANY_NAME').text());
                //$('#bot_score_'+index).html($(this).find('Q_SCORE').text());
                botName[index] = $(this).find("COMPANY_NAME").text();
                botScore[index] = $(this).find("Q_SCORE").text();
                j = index;
            });
            var newOrderName = botName.reverse();
            var newOrderScore = botScore.reverse();
            for (i = 0; i < newOrderName.length; i++) {
                $('#bot_name_' + i).html(newOrderName[i]);
                $('#bot_score_' + i).html(newOrderScore[i]);
            }

            //clear the variables from memory
            delete botName;
            delete botScore;
            delete newOrderName;
            delete newOrderScore;


            //cycle through results and save my locations to an array of the map markers
            var inst_info = new Array();
            $(data).find('INST_MARKER').each(function (index) {
                inst_info[index] = [parseFloat($(this).find('LAT').text()),
                parseFloat($(this).find('LONG').text()),
                $(this).find('COMPANY_NAME').text(), $(this).find('Q_SCORE').text()];
            });

            $(data).find('INST_COUNT').each(function () {
                $('#num_total').html($(this).find('NUM_TOTAL').text());
                $('#num_null').html($(this).find('NUM_NULL').text());
            });
            return (inst_info);
        },
        error: function (data) {
            alert('There was an error. Please try again shortly.');
        }
    });
};

我需要在调用它的页面上访问此脚本中生成的inst_info（请参见上面的表格）。 这可能吗？如果可以，怎么办？ 我试过使用inst_info = function load_state_data，但这不起作用。

Answer 1

这是不可能的。 事件处理程序在某个时间点异步触发，没有代码“返回”值。 无论事件处理程序中发生什么， load_state_data()与您的主要javascript代码都是隔离的，因为没人知道何时，以及是否会发生。 您必须在事件处理程序中做您想做的所有事情。

Answer 2

我需要在调用它的页面上访问此脚本中生成的inst_info（请参见上面的表格）。 这可能吗？如果可以，怎么办？

否。在回调函数中为您的异步请求的成功事件创建了inst_info 。 从那里可以使用它，您将能够调用一个设置状态信息的函数。

所有这些都将在您的load_state_data函数返回之后发生。 但是，您可能会返回该数据的Promise ，一旦有数据，就可以在其上注册其他回调函数以执行。

---

    //clear the variables from memory
    delete ...

此代码不起作用，它是对delete运算符的滥用。 无论如何，您不需要这样做，JavaScript是一种垃圾收集的语言。