問(wèn)題場(chǎng)景

jquery ajax，非jsonp請(qǐng)求，post數(shù)據(jù)中json包含多個(gè)問(wèn)號(hào)，比如“{“a”:“aa??”}”。
請(qǐng)求時(shí)前端報(bào)錯(cuò)，由于jsonp的參數(shù)加到了post數(shù)據(jù)中的??位置，就無(wú)法通過(guò)url傳入了。

報(bào)錯(cuò)信息（生產(chǎn)環(huán)境）

"parsererror" SyntaxError: Unexpected token ':'at eval (<anonymous>)at eval (jquery.js:339)at Function.globalEval (jquery.js:340)at text script (jquery.js:9773)at ajaxConvert (jquery.js:8843)at done (jquery.js:9260)at XMLHttpRequest.callback (jquery.js:9720) "{}"

或者（開(kāi)發(fā)環(huán)境）

"parsererror" Error: jQuery111009581711862361235_1597629221274 was not calledat Function.error (jquery.js?1157:248)at s.converters.script json (jquery.js?1157:9893)at ajaxConvert (jquery.js?1157:8843)at done (jquery.js?1157:9260)at HTMLScriptElement.script.onload.script.onreadystatechange (jquery.js?1157:9831) "{}"

問(wèn)題原因

我們找到j(luò)query的這段代碼

// Detect, normalize options and install callbacks for jsonp requests jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {var callbackName, overwritten, responseContainer,jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?"url" :typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data");

看到如果data中存在??這種特殊寫(xiě)法，rjsonp.test( s.data )返回true，最終將"data"賦值給jsonProp。
而data中不存在??就會(huì)給jsonProp賦值為false。

如果jsonProp=“data”
那么會(huì)走到這段代碼里面

// Handle iff the expected data type is "jsonp" or we have a parameter to setif ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {// Get callback name, remembering preexisting value associated with itcallbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?s.jsonpCallback() :s.jsonpCallback;// Insert callback into url or form dataif ( jsonProp ) {s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );} else if ( s.jsonp !== false ) {s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;}

由于這行代碼s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, “$1” + callbackName );
最終data中的??會(huì)被替換為callbackName，可以監(jiān)聽(tīng)發(fā)現(xiàn)這個(gè)異常現(xiàn)象。
替換了這里就不會(huì)走下面的s.url的常規(guī)jsonp參數(shù)賦值到url的處理了，所以導(dǎo)致異常的發(fā)生。

解決辦法

讓特殊data的jsonProp=false，我們從jsonProp = s.jsonp !== false這塊入手，調(diào)用ajax時(shí)：
$.ajax傳參時(shí)jsonp: false賦值，這樣jsonProp直接賦值為false，不走正則檢測(cè)，就不會(huì)出問(wèn)題了。

那么如果跨域怎么辦呢？
這個(gè)可以采用服務(wù)端加跨域header解決。

總結(jié)

以上是生活随笔為你收集整理的jquery ajax post请求连续多个问号特殊数据异常问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。