0

我有以下简单的表单，用户可以从中选择一个状态来查看信息：

<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，但这不起作用。

4

2 回答 2

2

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

于 2012-07-25T22:45:22.427 回答
1

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

不会。是在异步请求inst_info成功事件的回调函数中创建的。从那里它可用，您将能够调用设置状态信息的函数。

所有这一切都将在您的load_state_data函数返回后发生。但是，您可能会为数据返回一个Promise，在该数据上可以注册其他回调函数，以便在数据可用时立即执行。

    //clear the variables from memory
    delete ...

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

于 2012-07-25T22:49:46.307 回答