快捷導(dǎo)航

Jquery跨域獲得Json時(shí)invalid label錯(cuò)誤的解決辦法

更新時(shí)間：2011年01月11日 23:31:50 作者：

這兩天用 Jquery 跨域取數(shù)據(jù)的時(shí)候，經(jīng)常碰到 invalid label 這個(gè)錯(cuò)誤，十分的郁悶，老是取不到服務(wù)器端發(fā)送回來的 json 值，一般跨域用到的兩個(gè)方法為：$.ajax 和 $.getJson

最后，仔細(xì)安靜下來，細(xì)讀 json 官方文檔后發(fā)現(xiàn)這么一段：

JSON數(shù)據(jù)是一種能很方便通過JavaScript解析的結(jié)構(gòu)化數(shù)據(jù)。如果獲取的數(shù)據(jù)文件存放在遠(yuǎn)程服務(wù)器上（域名不同，也就是跨域獲取數(shù)據(jù)），則需要使用jsonp類型。使用這種類型的話，會(huì)創(chuàng)建一個(gè)查詢字符串參數(shù) callback=? ，這個(gè)參數(shù)會(huì)加在請(qǐng)求的URL后面。服務(wù)器端應(yīng)當(dāng)在JSON數(shù)據(jù)前加上回調(diào)函數(shù)名，以便完成一個(gè)有效的JSONP請(qǐng)求。如果要指定回調(diào)函數(shù)的參數(shù)名來取代默認(rèn)的callback，可以通過設(shè)置$.ajax()的jsonp參數(shù)。

其實(shí)jquery跨域的原理是通過外鏈 <script> 來實(shí)現(xiàn)的,然后在通過回調(diào)函數(shù)加上回調(diào)函數(shù)的參數(shù)來實(shí)現(xiàn)真正的跨域

Jquery 在每次跨域發(fā)送請(qǐng)求時(shí)都會(huì)有callback這個(gè)參數(shù)，其實(shí)這個(gè)參數(shù)的值就是回調(diào)函數(shù)名稱，所以，服務(wù)器端在發(fā)送json數(shù)據(jù)時(shí)，應(yīng)該把這個(gè)參數(shù)放到前面，這個(gè)參數(shù)的值往往是隨機(jī)生成的，如：jsonp1294734708682，同時(shí)也可以通過 $.ajax 方法設(shè)置 callback 方法的名稱。明白了原理后，服務(wù)器端應(yīng)該這樣發(fā)送數(shù)據(jù)：

string message = "jsonp1294734708682({\"userid\":0,\"username\":\"null\"})";

這樣，json 數(shù)據(jù) {\"userid\":0,\"username\":\"null\"} 就作為了 jsonp1294734708682 回調(diào)函數(shù)的一個(gè)參數(shù)

跨域獲得Json時(shí)invalid label的解決辦法:

服務(wù)器端在輸出 Json 數(shù)據(jù)時(shí)，前面加上 callback 參數(shù)的值，如：jsonp1294734708682({\"userid\":0,\"username\":\"null\"})

您可能感興趣的文章: