Jquery

Ajax 활용 (1)
  • 조회수 3,868
  • 작성일 2010-09-30
  •  
<script type="text/javascript">
$('#update').click(function() {
  var data1 = $('#mb_1').val();
  var data2 = $('#mb_email').val();
  $.ajax({
    type: "GET",
    url: "ajax_check.php?mode=member",
    data: "on_data=" + data1 + "&email=" + data2,
    dataType: "text",
    success: function(text, textStatus) {
      $('#myPageElement').append(text);
    },
    error: function() {
      alert('An error occurred!');
    }
  });
});
</script>

<button type="button" id="update">수정</button>

<input type="text" name="mb_1" id="mb_1" value="ADMA" />
<input type="text" name="mb_email" id="mb_email" value="korea@korea.com" />

<span id="myPageElement"></span>