jQuery将文件行存储到数组

Question

我有两个.txt文件，我正在尝试从中创建组合。 我正在尝试获取每个文件并将它们转换成数组，因为每个单词都由换行符分隔。 问题是当我运行$.get它不会将任何信息保存到数组中。 这是我的代码：

<html>
    <head>
        <title>Email Validator</title>
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <span id="runtime"></span>
        <table class="results">
            <tr>
                <td>First Name</td>
                <td>Last Name</td>
            </tr>
        </table>
        <script>
            //pull firstnames and store to array
            var firstnames = new Array();
            $.get('first.txt', function(data){
                firstnames = data.split("\n");
            });

            //pull lastnames and store to array
            var lastnames = new Array();
            $.get('last.txt', function(data){
                lastnames = data.split("\n");
            });

            var fn, ln;
            //firstnames
            $.each(firstnames , function(findex, fvalue) {
                fn = fvalue;
                //lastnames
                $.each(lastnames , function(lindex, lvalue) {
                    ln = lvalue;
                    $("table.results").appendTo("<tr><td>" + fn + "</td><td>" + ln + "</td></tr>");
                });
            });
        </script>
    </body>
</html>

Answer 1

$ .get（）是一个AJAX调用，这意味着它是异步的。 每当$ .get完成时（而不一定在$ .each块之前），都会出现data.split（）行。

由于您需要进行两个异步调用，因此可以尝试嵌入：

        //pull firstnames and store to array
        var firstnames = new Array();
        var lastnames = new Array();
        $.get('first.txt', function(data){
            firstnames = data.split("\n");

            //pull lastnames and store to array
            $.get('last.txt', function(data){
                  lastnames = data.split("\n");

                  // Process your two arrays here
             });    
        });

Answer 2

您的代码存在一些问题。 如果要依赖多个ajax调用的结果，可以使用$.when 。 方式之一可能是：

$.when(first, last).then(successCallBackFn, failureCallBackFn);

first和last来自哪里？ 好吧，它们可能是调用$ .get的结果，如下所示：

var first = $.get('first.txt', function(data){
                firstnames = data.split("\n");
            });

last同样。

var last = $.get('last.txt', function(data){
                lastnames = data.split("\n");
            });

最后，使用$ .when如下所示：

$.when(first, last).then(successCallBackFn, failureCallBackFn);

            function successCallBackFn(firstNames, lastNames) {
                var fn, ln;
                //firstnames
                $.each(firstnames, function (findex, fvalue) {
                    fn = fvalue;
                    //lastnames

                    $.each(lastnames, function (lindex, lvalue) {
                        ln = lvalue;
                        $("table.results").append("<tr><td>" + fn + "</td><td>" + ln + "</td></tr>");
                    });
                });
            }

            function failureCallBackFn() {
                console.log('failed');
            }

也。 请注意，您需要在$("table.results").append行中使用append而不是appendTo 。

jQuery将文件行存储到数组

问题描述

2 个解决方案

解决方案1
0 2017-05-26 20:12:01

解决方案2
0 已采纳 2017-05-26 21:47:27

jQuery将文件行存储到数组

问题描述

2 个解决方案

解决方案1 0 2017-05-26 20:12:01

解决方案2 0 已采纳 2017-05-26 21:47:27

解决方案1
0 2017-05-26 20:12:01

解决方案2
0 已采纳 2017-05-26 21:47:27