A solicitação Ajax retorna 200 OK, mas um evento de erro é acionado em vez de bem-sucedido

Eu implementei uma solicitação Ajax no meu site e estou chamando o terminal de uma página da web. Ele sempre retorna 200 OK , mas o jQuery executa o evento de erro.
Eu tentei muitas coisas, mas não consegui descobrir o problema. Estou adicionando meu código abaixo:

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>");
}

Preciso da ("Record deleted")string após a exclusão bem-sucedida. Consigo excluir o conteúdo, mas não estou recebendo esta mensagem. Isso está correto ou estou fazendo algo errado? Qual é a maneira correta de resolver esse problema?

jQuery.ajaxtenta converter o corpo da resposta, dependendo do dataTypeparâmetro especificado ou do Content-Typecabeçalho enviado pelo servidor. Se a conversão falhar (por exemplo, se o JSON / XML for inválido), o retorno de chamada de erro será acionado.

Seu código AJAX contém:

dataType: "json"

Nesse caso, jQuery:

Avalia a resposta como JSON e retorna um objeto JavaScript. […] Os dados JSON são analisados ​​de maneira estrita; qualquer JSON malformado é rejeitado e um erro de análise é gerado. […] Uma resposta vazia também é rejeitada; o servidor deve retornar uma resposta nula ou {}.

Seu código do lado do servidor retorna um snippet HTML com 200 OKstatus. O jQuery esperava JSON válido e, portanto, aciona o retorno de chamada de erro queixando-se parseerror.

A solução é remover o dataTypeparâmetro do seu código jQuery e fazer com que o código do lado do servidor retorne:

Content-Type: application/javascript

alert("Record Deleted");

Mas eu prefiro sugerir o retorno de uma resposta JSON e exibir a mensagem dentro do retorno de chamada de sucesso:

Content-Type: application/json

{"message": "Record deleted"}

Eu tive sorte com o uso de vários dataTypes separados por espaço ( jQuery 1.5+ ). Como em:

$.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
});

Você simplesmente precisa remover o dataType: "json" na sua chamada 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
});

Isso é apenas para constar desde que me deparei com este post ao procurar uma solução para o meu problema que fosse semelhante aos do OP.

No meu caso, minha solicitação do jQuery Ajax foi impedida devido à política de mesma origem no Chrome. Tudo foi resolvido quando modifiquei meu servidor (Node.js) para:

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

Literalmente, me custou uma hora batendo com a cabeça na parede. Estou me sentindo estúpido ...

Eu acho que sua página aspx não retorna um objeto JSON. Sua página deve fazer algo assim (page_load)

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

Response.Write(OutPut);

Além disso, tente alterar seu AjaxFailed:

function AjaxFailed (XMLHttpRequest, textStatus) {

}

textStatus deve fornecer o tipo de erro que você está recebendo.

Eu enfrentei esse problema com uma biblioteca jQuery atualizada. Se o método de serviço não retornar nada, isso significa que o tipo de retorno évoid .

Em sua chamada do Ajax, mencione dataType='text' .

Isso resolverá o problema.

Você apenas precisa remover dataType: 'json' do cabeçalho se o método de serviço da Web implementado for nulo.

Nesse caso, a chamada Ajax não espera ter um tipo de dados de retorno JSON.

Use o código a seguir para garantir que a resposta esteja no formato JSON (versão PHP) ...

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

Eu tive o mesmo problema. Meu problema foi que meu controlador estava retornando um código de status em vez de JSON. Certifique-se de que seu controlador retorne algo como:

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

Eu tenho o problema semelhante, mas quando tentei remover o tipo de dados: 'json' ainda tenho o problema. Meu erro está sendo executado em vez do sucesso

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); }
    });
}

Outra coisa que atrapalhou as coisas para mim foi usar em localhostvez de 127.0.0.1 ou vice-versa. Aparentemente, o JavaScript não pode manipular solicitações de uma para a outra.

Veja isso . É também um problema semelhante. Trabalhando eu tentei.

Não remova dataType: 'JSON',

Nota: echo apenas o formato JSON no arquivo PHP se você usar apenas php echo seu código ajax retornará 200

Eu tive o mesmo problema. Como minha resposta JSON contém alguns caracteres especiais e o arquivo do servidor não foi codificado com UTF-8, a chamada Ajax considerou que essa não era uma resposta JSON válida.

Se você sempre retornar JSON do servidor (sem respostas vazias), dataType: 'json'deve funcionar e contentTypenão é necessário. No entanto, verifique se a saída JSON ...

• é válido ( JSONLint )
• é serializado ( JSONMinify )

O jQuery AJAX lançará um 'parseerror' em JSON válido, mas não serializado!

Seu script exige um retorno no tipo de dados JSON.

Tente o seguinte:

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

Tente 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
});

OU

$.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 aspas duplas em vez de aspas simples no objeto JSON. Eu acho que isso resolverá o problema.