게시 및 가져오기용 Ajax 튜토리얼

게시 및 가져오기용 Ajax 튜토리얼

마감되었습니다. 이 질문은 충족되지 않습니다.스택 오버플로우 가이드라인현재 답변을 받고 있지 않습니다.

---

서적, 도구, 소프트웨어 라이브러리 등에 대한 권장 질문을 허용하지 않습니다.당신은 그 질문을 사실과 인용문으로 대답할 수 있도록 편집할 수 있다.

7년 전에 문을 닫았어요

이 질문을 개선하다

간단한 입력 폼을 위한 간단한 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