为什么单个Ajax调用工作正常，但连续的Ajax呼叫失败？

Question

设置：

我有一个html" target="_blank">数据表，其每一行都是可点击的。单击行时，将进行 ajax 调用以返回一些数据。有时 ajax 调用需要一点时间，具体取决于返回的数据量。一切正常。

问题：

当快速单击行时，一个接一个地单击行时，会出现此问题。简而言之，在上一个 ajax 调用返回之前，如果单击该行（即进行新的 ajax 调用），我会得到一个错误。

Uncaught TypeError: Property 'callback' of object [object Window] is not a function 

（ajax调用返回一个JSONP数据）

看起来好像ajax调用混杂在一起了(？)，但这个我不太确定。有人能告诉我为什么会这样吗？

请让我知道是否需要更多信息来澄清这个问题。

谢谢

编辑1:

下面是一些ajax代码：

            $.ajax({
                type: "GET",
                url: 'http://' + myserver + ':8080/someurl/' + my_param,
                contentType: "application/json",
                dataType: "jsonp",
                jsonpCallback: 'callback',
                success: function(data) {
                // Inside here, I am doing some Datatables stuff.
                var myTable = $('#my_table').dataTable( {
                        "bJQueryUI" : true,
                        "bSort" : false,
                        "bFilter" : false,
                        "bPaginate": true,
                        "bProcessing": true,
                        "bScrollCollapse": true,
                        "bInfo": false,
                        "bDestroy": true,
                        "aaData": samples,
                        "sEmptyTable": "No sample listings avaiable",
                        "iDisplayLength": number,
                        "bLengthChange": false,
                        "bAutoWidth": false,
                        .
                        .
                        .
                    }

编辑2:

这是为＜code＞回调＜/code＞分配名称的类。如果默认回调为空，那么它将分配一个默认值“callback”。但看起来默认的回调总是空的，因此它总是分配“回调”。

public class MappingJacksonJsonpConverter extends MappingJacksonHttpMessageConverter {

    @Override
    protected void writeInternal(Object object, HttpOutputMessage outputMessage) throws IOException,
            HttpMessageNotWritableException {

        JsonEncoding encoding = getJsonEncoding(outputMessage.getHeaders().getContentType());
        JsonGenerator jsonGenerator = this.getObjectMapper()
                .getJsonFactory()
                .createJsonGenerator(outputMessage.getBody(), encoding);
        try {
            String jsonPadding = "callback";
            if (object instanceof JsonObject) {
                String jsonCallback = ((JsonObject) object).getJsonCallback();
                if (jsonCallback != null) {
                    jsonPadding = jsonCallback;
                }
            }
            jsonGenerator.writeRaw(jsonPadding);
            jsonGenerator.writeRaw("(");
            this.getObjectMapper().writeValue(jsonGenerator, object);
            jsonGenerator.writeRaw(")");
            jsonGenerator.flush();
        } catch (JsonProcessingException ex) {
            throw new HttpMessageNotWritableException("Could not write JSON: " + ex.getMessage(), ex);
        }
    }
}

上面的类在< code>mvc-servlet.xml中被引用，如下所示:

    <mvc:message-converters>
        <bean
            class="citygrid.feedmanager.web.converter.MappingJacksonJsonpConverter">
            <property name="supportedMediaTypes">
                <list>
                    <value>application/x-javascript</value>
                </list>
            </property>
        </bean>
    </mvc:message-converters>

Answer 1

正如Alex Ball建议的那样，您需要将AJAX请求放入队列中，以便一个接一个地执行它们。这非常简单，如stackoverflow中的一篇帖子所示（是的，它也适用于JSON-P）。

第二件事是错误消息对象[对象窗口]的属性“回调”不是函数只是因为你没有一个名为回调的全局函数。只需像这样定义它：

window.callback= function(responseText) {
    //alert(responseText);
};

希望这有帮助。

Answer 2

问题在于jQuery如何使用JSONP进行回调。这个想法是这样的：

1. JSONP被触发；
2. 回调设置；
3. JSONP返回；
4. 回调被触发；
5. 回调被删除；

现在，如果您不定义自定义＜code＞jsonpCallback＜/code＞（默认情况下，jQuery为每个JSONP请求分配唯一的回调），一切都可以正常工作。现在，如果您这样做，并且同时触发两个JSONP请求，会发生什么？

1. JSONP1被激发
2. 设置了名称为Callback的回调
3. JSONP2被激发
4. 回调＜code＞回调＜/code＞被JSONP2覆盖
5. JSONP1返回
6. 为JSONP1触发回调＜code＞回调＜/code＞
7. JSONP1删除＜code＞回调＜/code＞
8. JSONP2返回
9. JSONP2试图触发＜code＞回调＜/code＞，但已被删除
10. 引发TypeError

简单的解决方案是不要覆盖jsonpCallback选项。