javascript的“Uncaught SyntaxError: Unexpected token <”问题

使用Django Rest Framework + React 写一个应用,中间需要使用 jquery 读取api服务的json数据,反复出现Uncaught SyntaxError: Unexpected token <错误,花了半天时间谷歌,万能的stackoverflow.com上的答案貌似都不对题。万幸找到了这个页面,Bingo!

出现这个错误的原因是:

你链接到的JavaScript文件返回404了页面。 换句话说,浏览器正在期待JavaScript(或json),但它返回了HTML结果。

可不是吗?HTML页面第一个字符肯定是<

重新检查我的代码:

……
componentDidMount() {
          const url = 'http://localhost:8000/grads/';
          $.ajax({
            headers:{
              'Content-Type':'application/x-www-form-urlencoded'
            },
            type:"GET",
            dataType:"json",
            data:{},
            success: function(result){
              this.setState({grades:result,})
            },
            error: function(xhr, status,error){
              var err = eval("(" + xhr.responseText + ")");
              console.log(err.Message);
            }
          });
 }
……

我没有给ajaxurl赋值!愚蠢的低级错误!马上加上url赋值语句,于是终于……又出现了另一个新的错误!好吧,至少我又跨过了一个坑。 ¯_(ツ)_/¯

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,698评论 0 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,491评论 19 139
  • 一、学习要求 书籍参考章节: 第3.7章节 知识点: Scanner类 二、参考知识 在我们编写java程序时,需...
    我是老薛阅读 1,904评论 0 0
  • 其实我们不如去善待这个喧噪复杂的社会,虽然得到的可能只是那仅存无几的一丝温情,但也许这就足以。每个人都应该有自己得...
    崮讀阅读 1,014评论 0 1
  • 暑假了,女儿6月27号考试,28号我们上火车,29号中午正点到达北京站。 从江西的一个小城镇到帝都,从婚前到婚后我...
    国宴阅读 3,508评论 9 2