使用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)了另一個新的錯誤乏沸!好吧淫茵,至少我又跨過了一個坑。 ˉ_(ツ)_/ˉ