La solicitud de Ajax devuelve 200 OK, pero se desencadena un evento de error en lugar del éxito

He implementado una solicitud de Ajax en mi sitio web y estoy llamando al punto final desde una página web. Siempre devuelve 200 OK , pero jQuery ejecuta el evento de error.
Intenté muchas cosas, pero no pude resolver el problema. Estoy agregando mi código a continuación:

Código jQuery

var row = "1";
var json = "{'TwitterId':'" + row + "'}";
$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});
function AjaxSucceeded(result) {
    alert("hello");
    alert(result.d);
}
function AjaxFailed(result) {
    alert("hello1");
    alert(result.status + ' ' + result.statusText);
}

Código C # para JqueryOpeartion.aspx

protected void Page_Load(object sender, EventArgs e) {
    test();
}
private void test() {
    Response.Write("<script language='javascript'>alert('Record Deleted');</script>");
}

Necesito la ("Record deleted")cadena después de la eliminación exitosa. Puedo eliminar el contenido, pero no recibo este mensaje. ¿Es correcto o estoy haciendo algo mal? ¿Cuál es la forma correcta de resolver este problema?

jQuery.ajaxintenta convertir el cuerpo de respuesta según el dataTypeparámetro especificado o el Content-Typeencabezado enviado por el servidor. Si la conversión falla (por ejemplo, si JSON / XML no es válido), se activa la devolución de llamada de error.

Su código AJAX contiene:

dataType: "json"

En este caso jQuery:

Evalúa la respuesta como JSON y devuelve un objeto JavaScript. [...] Los datos JSON se analizan de manera estricta; cualquier JSON con formato incorrecto se rechaza y se genera un error de análisis. […] También se rechaza una respuesta vacía; el servidor debería devolver una respuesta de nulo o {} en su lugar.

Su código del lado del servidor devuelve un fragmento HTML con 200 OKestado. jQuery esperaba un JSON válido y, por lo tanto, dispara el error de devolución de llamada quejándose parseerror.

La solución es eliminar el dataTypeparámetro de su código jQuery y hacer que el código del lado del servidor regrese:

Content-Type: application/javascript

alert("Record Deleted");

Pero preferiría sugerir devolver una respuesta JSON y mostrar el mensaje dentro de la devolución de llamada exitosa:

Content-Type: application/json

{"message": "Record deleted"}

He tenido buena suerte con el uso de múltiples dataTypes separados por espacios ( jQuery 1.5+ ). Como en:

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'text json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Simplemente tiene que eliminar el tipo de datos : "json" en su llamada AJAX

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: json,
    dataType: 'json', //**** REMOVE THIS LINE ****//
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Esto es solo para el registro, ya que me topé con esta publicación cuando buscaba una solución a mi problema que era similar a los OP.

En mi caso, mi solicitud de jQuery Ajax no tuvo éxito debido a la política del mismo origen en Chrome. Todo se resolvió cuando modifiqué mi servidor (Node.js) para hacer:

response.writeHead(200,
          {
            "Content-Type": "application/json",
            "Access-Control-Allow-Origin": "http://localhost:8080"
        });

Literalmente me costó una hora golpear mi cabeza contra la pared. Me siento estúpido ...

Creo que su página aspx no devuelve un objeto JSON. Su página debería hacer algo como esto (page_load)

var jSon = new JavaScriptSerializer();
var OutPut = jSon.Serialize(<your object>);

Response.Write(OutPut);

Además, intente cambiar su AjaxFailed:

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus debería darte el tipo de error que estás recibiendo.

Me he enfrentado a este problema con una biblioteca jQuery actualizada. Si el método de servicio no devuelve nada, significa que el tipo de devolución sí lo es void.

Luego, en su llamada Ajax por favor mencione dataType='text'.

Resolverá el problema.

Solo tiene que eliminar dataType: 'json'de su encabezado si su método de servicio web implementado es nulo.

En este caso, la llamada Ajax no espera tener un tipo de datos de retorno JSON.

Use el siguiente código para asegurarse de que la respuesta esté en formato JSON (versión PHP) ...

header('Content-Type: application/json');
echo json_encode($return_vars);
exit;

Tuve el mismo problema. Mi problema era que mi controlador estaba devolviendo un código de estado en lugar de JSON. Asegúrese de que su controlador devuelva algo como:

public JsonResult ActionName(){
   // Your code
   return Json(new { });
}

Tengo el problema similar pero cuando intenté eliminar el tipo de datos: 'json' todavía tengo el problema. Mi error se está ejecutando en lugar del éxito

function cmd(){
    var data = JSON.stringify(display1());
    $.ajax({
        type: 'POST',
        url: '/cmd',
        contentType:'application/json; charset=utf-8',
        //dataType:"json",
        data: data,
        success: function(res){
                  console.log('Success in running run_id ajax')
                  //$.ajax({
                   //   type: "GET",
                   //   url: "/runid",
                   //   contentType:"application/json; charset=utf-8",
                   //   dataType:"json",
                   //   data: data,
                   //  success:function display_runid(){}
                  // });
        },
        error: function(req, err){ console.log('my message: ' + err); }
    });
}

Otra cosa que me arruinó las cosas fue usar en localhostlugar de 127.0.0.1 o viceversa. Aparentemente, JavaScript no puede manejar solicitudes de uno a otro.

Mira esto . También es un problema similar. Trabajando lo intenté.

No quitar dataType: 'JSON',

Nota: echo solo formato JSON en el archivo PHP si usa solo php echo su código ajax devuelve 200

Yo tuve el mismo problema. Fue porque mi respuesta JSON contiene algunos caracteres especiales y el archivo del servidor no estaba codificado con UTF-8, por lo que la llamada Ajax consideró que esta no era una respuesta JSON válida.

Si siempre devuelve JSON desde el servidor (sin respuestas vacías), dataType: 'json'debería funcionar y contentTypeno es necesario. Sin embargo, asegúrese de que la salida JSON ...

• es válido ( JSONLint )
• está serializado ( JSONMinify )

¡jQuery AJAX lanzará un 'parseerror' en JSON válido pero no serializado!

Su secuencia de comandos exige un retorno en el tipo de datos JSON.

Prueba esto:

private string test() {
  JavaScriptSerializer js = new JavaScriptSerializer();
 return js.Serialize("hello world");
}

Intenta seguir

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow',
    contentType: 'application/json; charset=utf-8',
    data: { "Operation" : "DeleteRow", 
            "TwitterId" : 1 },
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

O

$.ajax({
    type: 'POST',
    url: 'Jqueryoperation.aspx?Operation=DeleteRow&TwitterId=1',
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    cache: false,
    success: AjaxSucceeded,
    error: AjaxFailed
});

Use comillas dobles en lugar de comillas simples en el objeto JSON. Creo que esto resolverá el problema.