jQuery Ajax Post要求連続複数疑問符特殊データ異常問題(?)
質問シーン
jquery ajaxは、jsonpリクエストではなく、postデータにはjsonに複数の疑問符が含まれています.たとえば、「{“a”:“aa?”}」です.リクエスト時にフロントエンドがエラーを報告し、jsonpのパラメータがpostデータに追加されたため??位置はurlでは伝わりません.
エラーメッセージ(生産環境)
または(開発環境)
または(バックグラウンド受信データ)
フロントエンドで送信された
問題の原因
jqueryのこのコードを見つけました
dataに存在する場合は??この特殊な書き方、rjsonp.test(s.data)はtrueを返し、最終的にjsonPropに「data」を割り当てます.dataには存在しませんか?jsonPropにfalseとして割り当てられます.
jsonProp=「data」ならこのコードに入ります
この行のコードs[jsonProp]=s[jsonProp].replace( rjsonp, “$1” + callbackName );最終dataの中の??callbackNameに置き換えられ、この異常現象の検出を監視できます.ここを置き換えると、次のs.urlの通常のjsonpパラメータがurlの処理に割り当てられないため、異常が発生します.
解決策
特殊dataのjsonProp=falseを、jsonProp=s.jsonp!=からfalseこの入手、ajaxを呼び出す時:$.ajaxパラメータ転送時にjsonp:falseが値を付与することで、jsonPropが直接falseに値を付与し、正則検出を行わなければ問題は発生しません.
では、ドメインを越えたらどうしますか?これは、サービス側とドメイン間ヘッダを組み合わせて解決できます.
参照:https://blog.csdn.net/whq12789/article/details/108050349
jquery ajaxは、jsonpリクエストではなく、postデータにはjsonに複数の疑問符が含まれています.たとえば、「{“a”:“aa?”}」です.リクエスト時にフロントエンドがエラーを報告し、jsonpのパラメータがpostデータに追加されたため??位置はurlでは伝わりません.
エラーメッセージ(生産環境)
"parsererror" SyntaxError: Unexpected token ':'
at eval ()
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) "{}"
または(開発環境)
"parsererror" Error: jQuery111009581711862361235_1597629221274 was not called
at 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) "{}"
または(バックグラウンド受信データ)
フロントエンドで送信された
??
を含む文字は、jQuery183554546_6546423242342
のような文字になります.問題の原因
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を返し、最終的にjsonPropに「data」を割り当てます.dataには存在しませんか?jsonPropにfalseとして割り当てられます.
jsonProp=「data」ならこのコードに入ります
// Handle iff the expected data type is "jsonp" or we have a parameter to set
if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
// Get callback name, remembering preexisting value associated with it
callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
s.jsonpCallback() :
s.jsonpCallback;
// Insert callback into url or form data
if ( 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に置き換えられ、この異常現象の検出を監視できます.ここを置き換えると、次のs.urlの通常のjsonpパラメータがurlの処理に割り当てられないため、異常が発生します.
解決策
特殊dataのjsonProp=falseを、jsonProp=s.jsonp!=からfalseこの入手、ajaxを呼び出す時:$.ajaxパラメータ転送時にjsonp:falseが値を付与することで、jsonPropが直接falseに値を付与し、正則検出を行わなければ問題は発生しません.
では、ドメインを越えたらどうしますか?これは、サービス側とドメイン間ヘッダを組み合わせて解決できます.
参照:https://blog.csdn.net/whq12789/article/details/108050349