問題場景

jquery ajax，非jsonp請求，post數(shù)據(jù)中json包含多個問號，比如“{“a”:“aa??”}”。
請求時前端報錯，由于jsonp的參數(shù)加到了post數(shù)據(jù)中的??位置，就無法通過url傳入了。

報錯信息（生產(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) "{}"

或者（開發(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) "{}"

問題原因

我們找到jquery的這段代碼

// 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中存在??這種特殊寫法，rjsonp.test( s.data )返回true，最終將"data"賦值給jsonProp。
而data中不存在??就會給jsonProp賦值為false。

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

// 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中的??會被替換為callbackName，可以監(jiān)聽發(fā)現(xiàn)這個異常現(xiàn)象。
替換了這里就不會走下面的s.url的常規(guī)jsonp參數(shù)賦值到url的處理了，所以導致異常的發(fā)生。

解決辦法

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

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

總結

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

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