Question

我有一个带有html表的网页。在每一行中，我都有一个链接到另一台服务器上的一些宁静服务。

当我按下一行中的按钮时，ajax调用正在执行就好了，我得到了答案。我试图在循环中调用表中的所有服务。我在javascript数组中添加调用，然后使用和应用来执行它们。

只执行了一个调用并返回数据。在inspect中检查网络我可以看到来自restful服务的结果很好，但是没有调用jquery keep return回调。

我知道我对延迟对象做错了但我无法理解如何正确使用它们。

您可以在此处看到单个呼叫页面 http://distml.kstergiou.net/single.html

和批处理版本在 http://distml.kstergiou.net/batch.html

你能帮我找到我做错的事吗？

批处理页面（jquery和html）中的代码是

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">

    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

    <script>

    var response = [];
    var restArray = [];

    $(document).ready(function () {

        $('#execBatch').click(function(){
            $('#tblMethods tr').each(function(){
                var self = $(this);
                var inp = self.find('.execSingle');
                var urlStr = inp.attr("data-exec");
                var rowNum = inp.attr('data-rownum');
                var clfData = '';

                if (urlStr != undefined) {
                    restArray.push( $.ajax({
                            cache: true,
                            type: "GET",
                            url: urlStr,
                            data: clfData,
                            contentType: "application/javascript",
                            dataType: "jsonp",
                            crossDomain: true,
                            jsonp: 'callback',
                            jsonpCallback: 'callback',
                            success: function (data) {
                                response.push(data.strResult);
                                console.log('success');
                            },
                            error: function (xhr, status, error) {
                                console.log(error);
                                response[rowNum] = 'Error<br>Status<br>' + status + 'Error Message<br>' + error;
                            }
                        })
                    )
                }
            });

            $.when.apply(null, restArray).done(function(){
                console.log(arguments);
                    for(var i = 0; i < arguments.length; i++) {
                        console.log(arguments[i][0].strResult);
                    }
                }).fail( function (jqXHR, status, error) {
                    console.log(status + ' --- ' + error);
            });
        });

        $('.showSingle').click(function () {
            var self = $(this);
            var rowNum = self.attr('data-rownum');
            $('#output').html('<pre>' + response[rowNum] + '</pre>');
        });

    }); // document.ready

</script>

    </head>
<body>
<div class="container">

    <div class="row">
        <div class="col-xs-12">
            <table id="tblMethods" style="border:1px solid blue; width:100%" class="table">
                <thead style="border:1px solid green; background-color: #e0e0e0">
                <tr>
                    <th>#</th>
                    <th>Server</th>
                    <th>Classifier</th>
                    <th>Filter</th>
                    <th>DataFile</th>
                    <th>Evaluate</th>
                    <th>numFolds</th>
                    <th style="display:none">execute</th>
                    <th style="display:none">completed</th>
                </tr>
                </thead>
                <tbody>
                <tr><td>0</td><td>Server 1 - locahost</td><td>Naive Bayes</td><td>No Filter</td><td>Anneal</td><td>false</td><td>10</td><td><input type="button" value="Exec" id="execSingle0" data-rownum="0" data-exec="http://clouddom.ergologic.gr:8080/com.alchemist.ml/rowid/0/clfid/0/filterid/0/fileid/0/eval/false/numfolds/10/" class="btn btn-xs btn-success execSingle" style="display:none"></td><td><input type="button" value="Show" id="showSingle0" data-rownum="0" class="showSingle btn btn-xs btn-info"></td></tr>
                <tr><td>1</td><td>Server 1 - locahost</td><td>SMO</td><td>No Filter</td><td>Anneal</td><td>false</td><td>10</td><td><input type="button" value="Exec" id="execSingle1" data-rownum="1" data-exec="http://clouddom.ergologic.gr:8080/com.alchemist.ml/rowid/1/clfid/1/filterid/0/fileid/0/eval/false/numfolds/10/" class="btn btn-xs btn-success execSingle" style="display:none"></td><td><input type="button" value="Show" id="showSingle1" data-rownum="1" class="showSingle btn btn-xs btn-info"></td></tr>
                <tr><td>2</td><td>Server 1 - locahost</td><td>J48</td><td>No Filter</td><td>Anneal</td><td>false</td><td>10</td><td><input type="button" value="Exec" id="execSingle2" data-rownum="2" data-exec="http://clouddom.ergologic.gr:8080/com.alchemist.ml/rowid/2/clfid/7/filterid/0/fileid/0/eval/false/numfolds/10/" class="btn btn-xs btn-success execSingle" style="display:none"></td><td><input type="button" value="Show" id="showSingle2" data-rownum="2" class="showSingle btn btn-xs btn-info"></td></tr>
                <tr><td>3</td><td>Server 1 - locahost</td><td>RandomForest</td><td>No Filter</td><td>Anneal</td><td>false</td><td>10</td><td><input type="button" value="Exec" id="execSingle3" data-rownum="3" data-exec="http://clouddom.ergologic.gr:8080/com.alchemist.ml/rowid/3/clfid/8/filterid/0/fileid/0/eval/false/numfolds/10/" class="btn btn-xs btn-success execSingle" style="display:none"></td><td><input type="button" value="Show" id="showSingle3" data-rownum="3" class="showSingle btn btn-xs btn-info"></td></tr>
                <tr><td>4</td><td>Server 1 - locahost</td><td>RandomTree</td><td>No Filter</td><td>Anneal</td><td>false</td><td>10</td><td><input type="button" value="Exec" id="execSingle4" data-rownum="4" data-exec="http://clouddom.ergologic.gr:8080/com.alchemist.ml/rowid/4/clfid/9/filterid/0/fileid/0/eval/false/numfolds/10/" class="btn btn-xs btn-success execSingle" style="display:none"></td><td><input type="button" value="Show" id="showSingle4" data-rownum="4" class="showSingle btn btn-xs btn-info"></td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <br>
        <input type=button name="BuildAll" id="execBatch" class="btn btn-xs btn-info execBatch" value="Build All"/>
    <hr>

    <div id="output" style="border:1px solid red"></div>
</body>
</html>

Answer 1

当您使用jsonp时，在返回ajax请求时调用函数callback。但是这个函数没有在你的代码中定义。你需要实现它。

通过jquery的多个ajax调用失败，没有调用回调

1 个答案: