Учебник Ajax для публикации и получения [закрыто]


100

Мне нужен простой учебник по 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 );
});

40

Предполагая, что у вас есть 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
Возможно, вам потребуется установить имя параметра, например data: "username =" + myusername
GrandMasterFlush

вы также можете использовать ajax для некоторых случаев с этой библиотекой github.com/Guseyn/EHTML , используя только HTML
Гусейн Исмайлов
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.