div에 jquery post 데이터가 표시됩니다.

Question

안녕하세요, 아래 간단한 예제를 사용하여 게시물 요청을 수행하는 방법을 배우려고합니다. result.php에 데이터를 쉽게 게시하고 경고 메시지를 통해 결과를 다시 얻을 수는 있지만 현재 페이지의 div에 결과를 반환하고 싶습니다. 그 이유는 사용자가 버튼을 클릭하자 마자 화면에 자신의 이름이 표시되는 것을보고 싶기 때문입니다. 누군가가이 코드를 어떻게 수정하여 게시물의 결과가 경고 메시지가 아닌 div에 나타나는지 말해 줄 수 있습니까?

$('#idofdiv').html(data); 

당신이해야 자신의 DIV ID로 idofdiv을 위의 코드로 alert("Data: " + data + "\nStatus: " + status);를 교체하고 교체하는 경우 : 감사

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("#searchForm").submit(function(event){ 
    $.post("result.php", 
    { 
     name:"Mike" 

     }, 
    function(data,status){ 
    //alert("Data: " + data + "\nStatus: " + status); 
    $('#post-result').append(data); 
     }); 
    }); 
    }); 
</script> 

<form action="result.php" id="searchForm"> 
<input type="text" name="name" placeholder="Search..." /> 
<input type="submit" value="Search" /> 
</form> 

<div id='post-result'></div> 

Answer 1

그냥 ...

<div id='post-result'></div> 

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $.post("result.php", 
      $('#searchForm').serialize(), 
      function(data,status){ 
       //alert("Data: " + data + "\nStatus: " + status); 
       $('#post-result').append(data); 
      } 
     ); 
    }); 
}); 
</script> 

UPDATE를 페이지에 사업부를 넣고과 같이 그 안에 데이터를 배치하는 jQuery의 append()를 사용 - 의견에 따라이 양식을 직렬화하는 전화를 추가 스크립트가 있도록 제출시 현재 양식 데이터를 서버에 게시하십시오.

Answer 2

당신이 중 하나가 될 수있다, 다른 많은 방법으로 그렇게 할 수 작업.

자세한 내용은 jQuery의 설명서를 참조하십시오 (http://api.jquery.com/).