为什么单个 Ajax 调用工作正常,但连续的 Ajax 调用失败?

2024-04-19

Setup:

我有一个数据表,其每一行都是可单击的。单击一行时,将进行 ajax 调用并返回一些数据。有时,ajax 调用需要一点时间,具体取决于返回的数据量。一切正常。

Problem:

当逐行快速单击时,就会出现问题。简而言之,在上一个 ajax 调用返回之前,如果单击该行(即进行新的 ajax 调用),我会收到错误。

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

(ajax调用返回JSONP数据)

看起来 ajax 调用以某种方式混合在一起(?),但我不确定这一点。谁能告诉我为什么会发生这种情况?

如果需要更多信息来澄清该问题,请告诉我。

Thanks

EDIT 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,
                        .
                        .
                        .
                    }

EDIT 2:

这是分配的类callback其名称。如果默认回调为 null,则它分配一个默认值“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);
        }
    }
}

并且上面的类正在被引用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>

问题在于 jQuery 如何与 JSONP 一起使用回调。想法是这样的:

  1. JSONP 被解雇;
  2. 回调已设置;
  3. JSONP 返回;
  4. 回调被触发;
  5. 回调被删除;

现在,如果您不定义自定义,则一切正常jsonpCallback(默认情况下,jQuery 为每个 JSONP 请求分配唯一的回调)。现在,如果您同时发出两个 JSONP 请求,会发生什么?

  1. JSONP1 被解雇;
  2. 带名字的回调callback is set.
  3. JSONP2 被解雇;
  4. 打回来callback被 JSONP2 覆盖;
  5. JSONP1 返回;
  6. 打回来callback因 JSONP1 被解雇;
  7. JSONP1 删除callback;
  8. JSONP2 返回;
  9. JSONP2 尝试触发callback,但已被删除;
  10. 抛出类型错误。

简单的解决方案是不覆盖jsonpCallback option.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么单个 Ajax 调用工作正常,但连续的 Ajax 调用失败? 的相关文章

随机推荐