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（参见上面的表单）。这是可能的，如果是的话，怎么样？

没有。在{em>异步请求的成功事件的回调函数中创建了inst_info。从那里它可用，你将能够调用一个设置状态信息的函数。

在load_state_data函数返回后，所有这些都会在将来发生。但是，您可能会为数据返回Promise，一旦数据可用，就可以注册其他回调函数。

    //clear the variables from memory
    delete ...

此代码不起作用，是delete operator的误用。无论如何你都不需要这样做，JavaScript是一种垃圾收集语言。

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

2 个答案: