JQUERY

    Ajax 활용 (1)
    • 조회수 4,016
    • 작성일 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>