JS 調(diào)試中常見(jiàn)的報(bào)錯(cuò)問(wèn)題解決方法
報(bào)錯(cuò):Uncaught SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)
at Function.m.parseJSON (jquery.js:8515)
at Object.success (crud.html:45)
at j (jquery.js:3143)
at Object.fireWith [as resolveWith] (jquery.js:3255)
at x (jquery.js:9309)
at XMLHttpRequest.b (jquery.js:9713)
(翻譯:不能捕獲的語(yǔ)法錯(cuò)誤:json數(shù)據(jù)位置0處發(fā)現(xiàn)不能識(shí)別的標(biāo)記<)
原因:json格式錯(cuò)誤
返回?cái)?shù)據(jù) 語(yǔ)句用echo json_encode($data,true);但是用了echo json_decode($data);
由于函數(shù)使用不對(duì),返回的data不是json數(shù)據(jù),第一個(gè)字符是“ <”,所以報(bào)錯(cuò)Unexpected token < in JSON at position 0(翻譯:json數(shù)據(jù)位置0處發(fā)現(xiàn)不能識(shí)別的標(biāo)記<);
如果使用 $.ajax({})而不是 $.get() 區(qū)別: 當(dāng)使用 $.ajax 時(shí),php返回的 JSON字符串已經(jīng)被 ajax 中的屬性 dataType 將請(qǐng)求的參數(shù)類型要求為String類型(dataType:'json')返回為 JSON對(duì)象,不需要再次轉(zhuǎn)換;當(dāng)使用 $.get 時(shí),服務(wù)器返回的數(shù)據(jù)格式為原始的字符串?dāng)?shù)組,因此,需要將返回的字符串轉(zhuǎn)換為數(shù)組,使用 JSON.parse(jsonString) ,將JSON字符串解析為JSON對(duì)象;
json教程見(jiàn):http://www.w3school.com.cn/json/index.asp
解決辦法:
修改為echo json_encode($data,true);
將php的代碼調(diào)試代碼 echo()去掉,就不會(huì)再報(bào)這樣的錯(cuò)誤了:
$json = json_encode(array( "resultCode"=>200, "message"=>"查詢成功!", "data"=>$data ),JSON_UNESCAPED_UNICODE); //注釋掉 /*echo($json);*/
如果使用 $.ajax 時(shí),不需要注釋
//不需要注釋 echo($json);
如果不是該問(wèn)題,請(qǐng)檢查php文件給返回的data數(shù)據(jù),是否標(biāo)準(zhǔn)json格式。如果php文件中有var_dump、echo、注釋等,都會(huì)對(duì)返回的json數(shù)據(jù)有影響。
以上這篇JS 調(diào)試中常見(jiàn)的報(bào)錯(cuò)問(wèn)題解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Fundebug支持監(jiān)控微信小程序HTTP請(qǐng)求錯(cuò)誤的方法
這篇文章主要介紹了Fundebug支持監(jiān)控微信小程序HTTP請(qǐng)求錯(cuò)誤的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02JS簡(jiǎn)單實(shí)現(xiàn)仿百度控制臺(tái)輸出信息效果
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)仿百度控制臺(tái)輸出信息效果,涉及javascript中console.log函數(shù)的簡(jiǎn)單使用技巧,需要的朋友可以參考下2016-09-09JavaScript進(jìn)階教程之函數(shù)的定義、調(diào)用及this指向問(wèn)題詳解
這篇文章主要給大家介紹了關(guān)于JavaScript進(jìn)階教程之函數(shù)的定義、調(diào)用及this指向問(wèn)題的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-09-09詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法
這篇文章主要介紹了詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03js判斷某個(gè)字符出現(xiàn)的次數(shù)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js判斷某個(gè)字符出現(xiàn)的次數(shù)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06Ajax實(shí)現(xiàn)郵箱驗(yàn)證實(shí)例代碼
這篇文章介紹了Ajax實(shí)現(xiàn)郵箱驗(yàn)證的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-04-04javascript常用方法、屬性集合及NodeList 和 HTMLCollection 的瀏覽器差異
對(duì)于 HTMLCollection集合對(duì)象 必須要說(shuō)一說(shuō)的是 namedItem方法. 看看規(guī)范的解釋.2010-12-12JS網(wǎng)頁(yè)在線獲取鼠標(biāo)坐標(biāo)值的方法
這篇文章主要介紹了JS網(wǎng)頁(yè)在線獲取鼠標(biāo)坐標(biāo)值的方法,涉及javascript操作頁(yè)面窗口位置元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02淺析Js中的單引號(hào)與雙引號(hào)問(wèn)題
本文是對(duì)Js中單引號(hào)與雙引號(hào)的使用進(jìn)行了總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11