게시물을위한 Ajax 튜토리얼 [닫기]

간단한 입력 양식에 대한 간단한 ajax 자습서 또는 사례 연구가 필요합니다. 여기서 입력 양식을 통해 사용자 이름을 게시하여 데이터베이스로 보내고 결과로 응답합니다.
Mootool을 사용하여 하나만 사용했지만 jQuery를 사용하여 하나를 찾고 있기 때문에 이러한 자습서에 대한 모든 권장 사항을 환영합니다!

이것을 시도 할 수 있습니다.

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

다음과 같은 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);
  }
});