前端调错(一)---ajax返回数据成功,却进入error方法

简介: 今天同事在调ajax的时候遇到了一个问题,明明ajax成功的返回了数据,但是每次执行的时候都进入error方法。

 今天同事在调ajax的时候遇到了一个问题,明明ajax成功的返回了数据,但是每次执行的时候都进入error方法。

 

         那么如何才能找到问题的原因呢?如下

[javascript]  view plain  copy
 print ? 在CODE上查看代码片 派生到我的代码片
  1.  function loadPic(){  
  2. $.ajax({  
  3.             url: "courseRotation/loadPic",  
  4.             async: false,  
  5.             dataType: "json",  
  6.             data: {  
  7.             courseId:$("#courseId").val(),   
  8.             },  
  9.             success: function (data) {  
  10.                    alert(data);  
  11. error:function(data, XMLHttpRequest, textStatus, errorThrown){  
  12. alert(data);  
  13.          alert(XMLHttpRequest.status);  
  14. alert(XMLHttpRequest.readyState);  
  15. alert(textStatus);  
  16. }  
  17.         });  
  18. }  


         通过error里面的处理能够将错误信息,以及传回的信息都显示出来。如下图

        

         同时错误原因是数据类型错误,改成“text”之后就没有问题了。写这篇博客主要是想告诉大家以后出现类似的错误如何快速的定位错误,并有针对的去解决错误。

目录
相关文章
|
10天前
|
前端开发 API UED
Python后端与前端交互新纪元:AJAX、Fetch API联手,打造极致用户体验!
【7月更文挑战第15天】Python后端(Django/Flask)与前端通过AJAX或Fetch API实现异步交互,提升Web应用体验。Python提供强大的后端支持,AJAX用于不刷新页面的数据交换,Fetch API作为现代标准,基于Promise简化HTTP请求。结合两者,构建高效、流畅的交互系统,优化响应速度和用户体验,开启Web开发新篇章。
22 5
|
23天前
|
前端开发 JavaScript
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
160 1
|
11天前
|
前端开发 JavaScript API
告别‘老司机’时代,AJAX与Fetch API让你的前端与Python后端无缝对接!
【7月更文挑战第14天】前端与后端交互的关键技术是AJAX和Fetch API。AJAX允许不刷新页面更新内容,而Fetch API提供了Promise基
|
13天前
|
前端开发 JavaScript PHP
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
技术心得:前端点击按钮,导入excel文件,上传到后台,excel接收和更新数据
16 0
|
14天前
|
前端开发 JavaScript
Vue前端渲染blob二进制对象图片的方法
Vue前端渲染blob二进制对象图片的方法
14 0
|
14天前
|
前端开发
后端一次返回大量数据,前端做分页处理
后端一次返回大量数据,前端做分页处理
15 0
|
20天前
|
JavaScript 前端开发 网络架构
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
文本,展现到文章的面前,Vue结合v-for实现传参的方法,好的资料,Vue实现动态绑定,数据放到前端页面上
|
21天前
|
前端开发
纯前端导出表格数据 -- csv格式 (含表格末尾的自动合计行)
纯前端导出表格数据 -- csv格式 (含表格末尾的自动合计行)
15 0
|
22天前
|
前端开发 JavaScript 测试技术
突破前端瓶颈的方法
突破前端瓶颈的方法
14 0
|
23天前
|
前端开发 JavaScript C++
前端 JS 经典:判断数组的准确方法
前端 JS 经典:判断数组的准确方法
14 0