非AJAXのjQuery POSTリクエスト
質問
私はjQueryのPOST関数を使用しようとしていますが、それはAJAXスタイルでリクエストを処理しています。つまり、私が行くように指示したページに実際に行っていないのです。
$("#see_comments").click(function() {
$.post(
"comments.php",
{aid: imgnum},
function (data) {
}
);
});
この関数は コメント.php のページで、手元にある補助的な値を表示します。正常に投稿されていますが、リダイレクト先が コメント.php .
ダグ・ナイナー 明確化しました。
-
15個のリンク(画像)があります。リンクをクリックすると、私のJavaScriptが読み込まれます。スクリプトは
imgnum
を開いた。これはimgnum
に欲しいのは コメント.php . 私はこのJavaScriptを使用する必要があり、他の手段はトリックを行うことはできません。このJavaScriptは必須です -
あなたのメソッドは、正常に援助値をPOSTします。しかし comments.php で、その値をechoしようとすると、何も表示されません。
-
Firebugを使用しています。コンソールでは、手順(2)で作成したecho REQUESTが正常に表示されています。
どのように解決するのですか?
何をしようとしているかはわかりますが、あなたが望んでいるものではありません。
まず、あなたが
変更
のデータをサーバ上で変更するのでない限り、サーバ上で
POST
リクエストは使用しないでください。単に
#see_comments
は通常の
<a href='/comments.php?aid=1'>...
もしあなたが
を持つ
を使用します。
POST
を使用し、その後、ページがあなたの呼び出しに従うようにするために、これを行います。
$("#see_comments").click(function() {
$('<form action="comments.php" method="POST">' +
'<input type="hidden" name="aid" value="' + imgnum + '">' +
'</form>').submit();
});
これが実際にどのように機能するのか。
まず
$.post
は
だけ
はAJAXメソッドであり、従来の
form
サブミットには使用できません。したがって、値を投稿できるようにするために
と
が新しいページに移動するようにシミュレートする必要があります。
form
の投稿をシミュレートする必要があります。
ということで、流れは以下のようになります。
-
画像をクリックすると、JSコードに
imgnum
-
次に、誰かがクリックすると
#see_comments
-
を一時的に作成します。
form
と共にimgnum
の値を隠しフィールドとして使用します。 -
そのフォームを送信すると、その値
と
をロードします。
comments.php
ページ -
あなたの
comments.php
ページは投稿された変数にアクセスできるようになります (つまり、PHP では$_POST['aid']
)
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] javascript includes() 大文字小文字を区別しない
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法