게시물을위한 Ajax 튜토리얼

게시물을위한 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);
  }
});

참고 URL : https://stackoverflow.com/questions/9436534/ajax-tutorial-for-post-and-get