[解決済み] Ajaxチュートリアル post and get [終了しました]。
2022-11-06 20:25:34
質問
入力フォームからユーザー名を投稿し、データベースに送信し、その結果を返信するというシンプルな入力フォームのajaxチュートリアルやケーススタディが必要なのですが。
私はMootoolを使用して1つだけを持っていますが、私はjQueryを使用して1つを検索しているので、そのようなチュートリアルのための任意の推奨事項は大歓迎です!
。
どのように解決するのですか?
これを試してみてください。
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});
このコードは
test.html
ファイルの内容を
#results
要素
より詳細な情報は、以下のサイトを参照してください。 jQueryウェブサイト .
更新しました。
このコードでPOSTデータを送信し、結果を出力します。
var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
url: "script.php",
type: "POST",
data: {id : menuId},
dataType: "html"
});
request.done(function(msg) {
$("#log").html( msg );
});
request.fail(function(jqXHR, textStatus) {
alert( "Request failed: " + textStatus );
});
関連
-
[解決済み] JavaScript - 二重引用符のエスケープ
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] どうすればjQueryに非同期ではなく、同期のAjaxリクエストを実行させることができますか?
-
[解決済み] jQuery.ajaxでmultipart/formdataを送信する。
-
[解決済み] ajaxポストからのファイルダウンロードを処理する
-
[解決済み] Ajaxを使用して1つのフォームでデータとファイルの両方をアップロードする?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] 変更イベントでradioを使用するには?
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] GoogleのCDNからjQuery UI CSSをダウンロードする
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] jQueryを使用して要素の型を検索する