设置:
我有一个数据表,它的每一行都是可点击的。单击一行时,会进行 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
分配名称的类。如果默认回调为 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 进行回调。这是想法:
- JSONP 被解雇;
- 回调已设置;
- JSONP 返回;
- 触发回调;
- 回调被删除;
如果您不定义自定义 jsonpCallback
(默认情况下,jQuery 会为每个 JSONP 请求分配唯一的回调),现在一切正常。现在,如果您同时发出两个 JSONP 请求会发生什么?
- JSONP1 被触发;
- 名称为
callback
的回调已设置。 - JSONP2 被触发;
- 回调
callback
被 JSONP2 覆盖; - JSONP1 返回;
- 为 JSONP1 触发了回调
callback
; - JSONP1 删除
回调
; - JSONP2 返回;
- JSONP2 尝试触发
回调
,但已被删除; - 抛出 TypeError。
简单的解决方案是不覆盖 jsonpCallback
选项。
关于java - 为什么单个 Ajax 调用工作正常,但连续的 Ajax 调用失败?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11499672/