ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery.ajax が配列をバックグラウンドに渡す問題を解決する方法

jQuery.ajax が配列をバックグラウンドに渡す問題を解決する方法

小云云
リリース: 2018-05-16 11:20:56
オリジナル
2673 人が閲覧しました

この記事では主に jQuery.ajax がバックグラウンドに配列を渡す問題の解決策を詳しく紹介します。興味のある方は参考にしていただければ幸いです。

今日は、jQuery.ajax がバックグラウンドに配列を渡しますが、バックグラウンドで値を受け取ることができない問題を確認しました。

フロントエンド js メソッド コードの一部は次のとおりです:

//创建一个测试数组
var boxIds = new Array();
boxIds.push(12182);
boxIds.push(12183);
boxIds.push(12184);
//向后台交互
$.ajax({
  url: "/xxx",
  type: "GET",
  data: {
    "boxIds": boxIds,
    "boxType": 0,
    "time": new Date().getTime()
  },
  success: function(data) {
    //do sth...
  }
});
ログイン後にコピー

バックエンド コントローラー コード (SpringMVC)

@ResponseBody
@RequestMapping(value = "/box/changeLock")
public String changeLock(final Long[] boxIds, final int boxType) {
  return locker_ChangeLockService.changeLock(boxIds, boxType);
}
ログイン後にコピー

ブラウザーで送信されたリクエストを観察すると、パラメーターが次のとおりであることがわかります:

パラメーターの名前は、定義した boxIds の代わりに boxIds[] であることがわかります。つまり、配列を渡すと、配列名の後に「[]」が自動的に追加されるため、バックグラウンドはそれを受け取ることができません。ソリューション:jquery.ajaxの伝統的な属性をセットしました

$.ajax({
  url: "/xxx",
  type: "GET",
  data: {
    "boxIds": boxIds,
    "boxType": 0,
    "time": new Date().getTime()
  },
  traditional: true,//这里设置为true
  success: function(data) {
    //do sth...
  }
});
ログイン後にコピー

reissue変更後の要求とブラウザの観察:

パラメータ2 「[ ]」、バックグラウンドは配列を正常に受信できます。

関連する推奨事項:


サーバーに配列パラメータ値を渡すAjaxの詳細な例

PHPを使用して配列をJSスクリプトに渡す方法


jquery ajaxがバックグラウンドに配列を渡すことができませんでした

以上がjQuery.ajax が配列をバックグラウンドに渡す問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート