jquery调用ajax方法时候不执行success的也不执行error的方法

最新推荐文章于 2021-11-14 19:57:56 发布

原创最新推荐文章于 2021-11-14 19:57:56 发布 · 2.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Jquery

前端专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用Ajax进行前后端数据交互时遇到的数据类型不匹配问题，详细介绍了当后台返回的数据格式与前端指定的dataType不一致时，如何调整以确保请求的正常响应。通过将dataType从'json'更改为'text'，解决了前端无法执行success或error回调函数的问题。

在完成前端向后台异步交互的时候，遇到了这样的一个问题。就是说在发送到后台数据，并且后台已经执行成功该方法的时候。前端并没有执行success方法或者error方法。这让我非常吃惊。开始的代码如下：

$.ajax({
    		type: "POST",
        	url: "****",
        	data: {"urls":urls,
        			"titles" : titles
        		},
        	dataType: 'json',
    		success: function(data){
        		
        		 location.reload();
        		 console.log(data);
        	}
		});

并没有什么问题哈，但是仔细检查后发现：主要原因在于后台返回的数据并非json格式，而在代码中指定了 dataType: “json”, 解决方法是将 json改为text。发送和接受的格式保持到一致。

$.ajax({
    		type: "POST",
        	url: "****",
        	data: {"urls":urls,
        			"titles" : titles
        		},
        	dataType: 'text',
    		success: function(data){
        		
        		 location.reload();
        		 console.log(data);
        	}
		});

这样就OK了。