8

设置：

我有一个数据表，它的每一行都是可点击的。单击一行时，会进行一个 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：

这是分配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>
4

2 回答 2

7

问题在于 jQuery 如何处理带有 JSONP 的回调。这是想法：

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

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

  1. JSONP1 被触发；
  2. 设置了名称回调callback。
  3. JSONP2 被触发；
  4. 回调callback被 JSONP2 覆盖；
  5. JSONP1 返回；
  6. callback为 JSONP1 触发回调；
  7. JSONP1 删除callback；
  8. JSONP2 返回；
  9. JSONP2 尝试触发callback，但已被删除；
  10. 抛出类型错误。

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

于 2012-07-16T07:38:31.347 回答
4

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

第二件事是错误消息只是Property 'callback' of object [object Window] is not a function因为您没有名为callback. 只需将其定义为：

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

希望这可以帮助。

于 2012-07-16T07:34:48.230 回答