chrome ajaxリクエストPOSTデータを見る方法

Question

ajaxでデータをポストしているのですが
クロームのデベロッパツールで送信している値をみることができますか？

$.ajax({
url: '/test/' ,
dataType: 'json',
type: 'post',
data: {'id': id}

このような実装です

Answer 1

1. 「Ctrl + Shift + I」（MacはControl + Option + I）でデベロッパーツールを開く。
2. Networkタブを開く。
3. タブの下、画面上部にある「XHR」をクリックする。
4. その状態でPOSTを実行する（リロード）。
5. 該当のファイル名が一覧に現れるので、クリックする。
6. 結果一覧の「Headers」タブの下の方にある「Form Data」が、送信されたデータ。view sourceをクリックすれば、生データも見られる。

Comments

[come25136]

Windowsの場合はF12押してもデペロッパーツールが出ます

Answer 2

送信する直前にdebugger;を入れてブレークポイントを設定
そこでデベロッパーツールを立ち上げてブレークポイントまで実行
動作が止まるので、consoleからidの値を見てみたらどうでしょうか？