使用Django Rest Framework + React 寫一個應(yīng)用，中間需要使用 jquery 讀取api服務(wù)的json數(shù)據(jù)，反復(fù)出現(xiàn)Uncaught SyntaxError: Unexpected token <錯誤，花了半天時間谷歌，萬能的stackoverflow.com上的答案貌似都不對題。萬幸找到了這個頁面，Bingo!

出現(xiàn)這個錯誤的原因是：

你鏈接到的JavaScript文件返回404了頁面。 換句話說，瀏覽器正在期待JavaScript（或json），但它返回了HTML結(jié)果。

可不是嗎？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);
            }
          });
 }
……

我沒有給ajax的url賦值！愚蠢的低級錯誤！馬上加上url賦值語句，于是終于……又出現(xiàn)了另一個新的錯誤！好吧，至少我又跨過了一個坑。 ˉ_(ツ)_/ˉ