jQuery ajax 자세한 사용방법

jQuery ajax 자세한 사용방법 

 

 

jQuery.ajax 를 사용하기 위해서는 jquery 를 가져와야합니다.

저는 Project 밑에 js 밑에 jquery-1.8.3.js 라는 파일이 있습니다.

 

 

 

 

파일을 가져오신후

<script> </script> 안에 jQuery.ajax 를 사용하시면됩니다.

예제를 보시죠.

 

 

 

 

 

자바스크립트 안에 넣어주시면 됩니다.

위에 function  이름() 을 설정해주시면 되는데 여기엔 빼놨습니다.

 

function ajax() {     } 이 안에 넣으시면

ajax 라는 function 을 실행할때마다 ajax가 실행되는거죠.

 

위에 예제는 post 방식으로 content, likes, board2, create_date, returnURI 를 넘기고,

넘겨지는 url 은 /Project/index.php/main/reply2_insert 로 넘기네요.

성공했을시 commentDiv 를 찾아서 결과값(result)을 commentDiv 뒤에 붙여줍니다.

 

 

 

 

 

 

 

type	보내는 방식 ex) GET, POST
url	요청 URL / 데이터들을 보내고자 하는 주소 ex) <form action = "  " > 폼에서 액션과 같은 역할을 합니다.
data	요청 서버에 보낼 데이터들 ex) <form> 에서도 <input type="text" name="text"> 이런식으로 보낼때처럼 똑같이, 보내시면 됩니다. 위에 예제를 보시면 수월할것입니다. 위 예제 ) <input type="text" id="content" value="내용">
dataType	서버에서 내려온 data 형식. (default : xml. json, script, text, html )
Success	요청이 성공했을때 실행되는 콜백 함수
error	error:function(request,status,error) {         alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); }    를 추가해주시면 에러가 왜 발생했는지 출력됩니다. 위치는 ajax 안에 넣어주세요. (code:200 은 데이터타입을 잘못받고있어서)

 

 

 

jQuery ajax 자세한 사용방법 

포스팅을 마치겠습니다.

[출처] jQuery ajax 자세한 사용방법|작성자 PYH