Підручник Ajax для публікації та отримання [закритого]


99

Мені потрібен простий підручник з ajax або тематичне дослідження для простої форми введення, де я хочу розмістити ім'я користувача через форму введення, яка надсилає його до бази даних та відповідає з результатами.
Будь-яка рекомендація щодо такого підручника вітається, тому що у мене є лише один, який використовує Mootool, але я шукаю його за допомогою jQuery!


Відповіді:


167

Ви можете спробувати це:

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

39

Якщо припустимо, що у вас є HTML, наприклад:

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

Ви б використовували <script>:

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

6
Можливо, вам потрібно буде встановити ім’я параметра, наприклад, дані: "username =" + myusername
GrandMasterFlush

Ви також можете зробити ajax для випадку сома за допомогою цієї бібліотеки github.com/Guseyn/EHTML , використовуючи лише HTML
Гусейн Ісмайлов
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.