1. ホーム
  2. jquery

[解決済み] 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 );
});