[解決済み] データをリクエストペイロードではなく、フォームデータとして投稿するにはどうすればよいですか?
2022-03-18 14:09:46
質問
以下のコードでは、AngularJSの
$http
メソッドは URL を呼び出し、xsrf オブジェクトを "Request Payload" として送信します (Chrome デバッガーのネットワーク タブで説明されています)。jQuery の
$.ajax
メソッドは同じ呼び出しを行いますが、xsrf を "フォームデータ" として送信します。
AngularJSでxsrfをリクエストペイロードではなく、フォームデータとして送信するにはどうすればよいですか?
var url = 'http://somewhere.com/';
var xsrf = {fkey: 'xsrf key'};
$http({
method: 'POST',
url: url,
data: xsrf
}).success(function () {});
$.ajax({
type: 'POST',
url: url,
data: xsrf,
dataType: 'json',
success: function() {}
});
解決方法は?
渡される$httpオブジェクトに、以下の行を追加する必要があります。
headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
そして、渡されたデータは、URLエンコードされた文字列に変換される必要があります。
> $.param({fkey: "key"})
'fkey=key'
というようなものがあるんですね。
$http({
method: 'POST',
url: url,
data: $.param({fkey: "key"}),
headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
})
からです。 https://groups.google.com/forum/#!msg/angular/5nAedJ1LyO0/4Vj_72EZcDsJ
アップデイト
AngularJS V1.4で追加された新サービスを利用するには
関連
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] HTTP POSTリクエストでは、どのようにパラメータが送信されるのですか?
-
[解決済み] HTTP POST Web リクエストの作成方法
-
[解決済み] node.jsでHTTP POSTリクエストはどのように行われるのですか?
-
[解決済み] POSTフォームのフィールドにアクセスする方法
-
[解決済み] AngularJS で $http.get リクエストにデータを渡す
-
[解決済み] application/x-www-form-urlencoded or multipart/form-data?
-
[解決済み】一部のAJAXコールで "net::ERR_BLOCKED_BY_CLIENT "エラーが発生する。
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
AJAXクロスドメイン問題(3つの解決策)
-
[解決済み] Javascriptオブジェクトのクエリ文字列エンコーディング
-
[解決済み] 一般的なブラウザでは、AJAX(XmlHttpRequest)の同時リクエストはいくつまで可能ですか?
-
[解決済み] AngularJs $http.post() でデータが送信されない
-
[解決済み】プリフライトCORSリクエストの導入の動機は何ですか?
-
[解決済み】jQuery.ajaxのcontinueレスポンスの処理。"success:" vs ".done"?
-
[解決済み] jQueryなしで$httpでurlencodedフォームデータをPOSTするにはどうすればよいですか?
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
-
[解決済み] POST JSONが415 Unsupported media typeで失敗する、Spring 3 mvc
-
[解決済み] AJAXアプリのアドレスバーのURLを現状に合わせて変更する