JQuery ajax parsererror en ASP.NET MVC aplicación
-
18-09-2019 - |
Pregunta
Estoy tratando de llamar a un ASP.NET MVC actionMethod a través del método ajax jQuery. Mi código es el siguiente:
$('.Delete').live('click', function() {
var tr = $(this).parent().parent();
$.ajax({
type: 'DELETE',
url: '/Routing/Delete/' + tr.attr('id'),
contentType: 'application/json; charset=utf-8',
data: '{}',
dataType: 'json',
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Error: " + textStatus + " " + errorThrown);
alert(XMLHttpRequest.getAllResponseHeaders());
},
success: function(result) {
// Remove TR element containing waypoint details
alert("Success");
$(tr).remove();
}
});
});
y mi método de acción es:
[AcceptVerbs(HttpVerbs.Delete)]
public string Delete(int id)
{
// Deletion code
return " ";
}
vuelvo una cadena vacía como he leído por ahí que si el contenido de longitud es 0 entonces puede causar problemas, cuando el tipo de retorno es una cadena consigo un cuadro de alerta diciendo "Error: error indefinido" y el segundo cuadro de alerta está vacío.
Si hago el tipo de retorno void consigo una alerta diciendo "Error: parsererror indefinido" y la segunda alerta es el siguiente:
Server: ASP.NET Development Server/9.0.0.0
Date: Wed, 22 Jul 2009 08:27:20 GMT
X-AspNet-Version: 2.0.50727
X-AspNetMvc-Version: 1.0
Cache-Control: private
Content-Length: 0
Connection: Close
Solución
No aconsejaría a devolver una cadena vacía. Puesto que usted ha establecido el tipo de datos a JSON jQuery eval la respuesta.
Siempre debe devolver un mensaje lógico.
return Json(new { success = "true" });
N.B dentro del éxito que está utilizando $(tr).remove()
;
No hay necesidad de que la variable de TR es ya un objeto jQuery por lo
tr.remove
funcionará bien.
Otros consejos
Su llamada jQuery espera JSON a cambio de la solicitud. Por lo tanto:
[AcceptVerbs(HttpVerbs.Delete)]
public JsonResult Delete(int id) {
// Deletion code
return Json("");
}
Y también estoy de acuerdo con redsquare , es mejor para devolver un mensaje lógico como esto:
[AcceptVerbs(HttpVerbs.Delete)]
public JsonResult Delete(int id) {
// Deletion code
return Json(new { Success = true });
}
//then in your jQuery function you can check the result this way :
success: function(result) {
if (result.Success) {
alert("it was deleted!");
}
else {
alert("something went wrong");
}
}