Método POST, mensaje de error de estado (cancelado)
Tengo el siguiente código que me está dando unMethod POST, Status (canceled)
mensaje de error
$(document).ready(function() {
var xhr = false;
get_default();
$('#txt1').keyup( function() {
if(xhr && xhr.readyState != 4){
alert("abort");
xhr.abort();
}
if ($("#txt1").val().length >= 2) {
get_data( $("#txt1").val() );
} else {
get_default();
}
});
function get_data( phrase ) {
xhr = $.ajax({
type: 'POST',
url: 'http://intranet/webservices.asmx/GetData',
data: '{phrase: "' + phrase + '"}',
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function( results ) {
$("#div1").empty();
if( results.d[0] ) {
$.each( results.d, function( index, result ) {
$("#div1").append( result.Col1 + ' ' + result.Col2 + '<br />' );
});
} else {
alert( "no data available message goes here" );
}
},
error: function(xhr, status, error) {
var err = eval("(" + xhr.responseText + ")");
alert(err.Message) ;
}
});
}
function get_default() {
$('#div1').empty().append("default content goes here.");
}
});
El código realmente funciona siempre que se complete cada solicitud ajax, pero si escribo rápido entxt1
, es decir, escriba el siguiente carácter antes de que finalice la solicitud anterior, recibo el mensaje de errorMethod POST, Status (canceled)
.
¿Alguien sabe por qué sucede esto y cómo corregir el error?