[jQuery] jQuery ajax (GET, POST type, success, error 처리등) > JavaScript

• 목록

Ajax를 jQuery를 이용해서 실행하게 되면 소스 코드가 많이 단축되며 기존의 경우 ajax 실행시



 실행함수 & 응답함수 두가지를 만들어야 했으나 1개의 함수만으로 두가지를 전부 실행 헐 수 있다.



 ========= jQyuery Ajax Sample Get


 function doDelete(id){
  $.ajax({
    type: "GET",
    url: "./tset.jsp", //보낼 페이지
  data: "id="+id,  //변수가 여러개면 "id=ddd&name=프라임&age=22" 처럼 작성
  dataType:"JSON",
    success: function(result) {
        alert("반영되었습니다."); //성공시 실행부분
        },
        error: function(result) {

        alert("에러가 발생하였습니다."); //실패시 실행부분
      }
  });
}



 ========= jQyuery Ajax Sample Post

 function doSave(){

  $.ajax({
        type: 'POST',
        url: ($("#tran_status").val()=="U") ? "insert.jsp":"update.jsp", //특정 객체의 값에 따라 이동 페이지 결정

      data: {
        id:$("#id").val(), //원하는 객체의 값을 명칭을 매칭시킨다. 즉 name:value 식으로 전달 getParameter로 받을수 있다
        name:$("#name").val(),     
        age:$("#age").val(),

        point:($("#point").val()=="null") ? "0":$("#point").val() //조건에 따른 값 세팅도 가능
        },

      dataType:"JSON",
        success: function(result) {
        alert("반영되었습니다."); //성공시 실행부분
        },
        error: function(result) {

        alert("에러가 발생하였습니다."); //실패시 실행부분
      }
      });

 }


 [출처] http://cafe.naver.com/msjava/474

 ==> form 문을 넘길경우  id를 줘야 함.

 ,data: $("#form id").serialize()
 ,data : $("form[name=formname]").serialize() ;

 "<form" 문은 "<table" 밖에서 정의