Gönderi için Ajax eğiticisi [kapatıldı]


100

Basit bir giriş formu için basit bir ajax öğreticisine veya örnek olay incelemesine ihtiyacım var, bir giriş formu aracılığıyla bir kullanıcı adı göndermek istiyorum, bu kullanıcı adını veritabanına gönderiyor ve sonuçlarla yanıt veriyor.
Böyle bir öğretici için herhangi bir öneri memnuniyetle karşılanır, çünkü sadece Mootool kullanan bir tane var ama jQuery kullanarak bir tane arıyorum!


Yanıtlar:


167

Bunu deneyebilirsiniz:

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

Bu kod test.htmldosyanın içeriğini #resultsöğeye ekleyecek

Daha fazla bilgiyi jQuery web sitesinde bulabilirsiniz .

Güncelleme:

POST verilerini ve çıktı sonucunu göndermek için bu kodu kullanın.

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 );
});

40

Bazı html'niz olduğunu varsayarsak:

<input type="text" name="username" id="username">
<div id="resultarea"></div>

Bir beğeni kullanırsınız <script>:

var myusername = $("#username").val();
$.ajax({
  type: "GET",
  url: "serverscript.xxx",
  data: myusername,
  cache: false,
  success: function(data){
     $("#resultarea").text(data);
  }
});

6
Veriler gibi parametre adını ayarlamanız gerekebilir: "username =" + myusername
GrandMasterFlush

Ayrıca bu kitaplık github.com/Guseyn/EHTML ile yalnızca HTML kullanarak bazı durumlarda ajax yapabilirsiniz
Guseyn Ismayylov
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.