jquery ajax 예제 반환 값 자세한 설명_jquery

JQuery에는 AJAX를 구현하는 세 가지 방법이 있습니다: $.ajax(), $.post, $.get().
먼저 $.get()을 살펴봅니다.

코드 복사 코드는 다음과 같습니다.

$.get("test.jsp",
{ name: "cssrain", time: "2008/01/21" }, //전달할 데이터
function(data){
alert( "반환된 데이터: " data);
}
)

그런 다음 $.post()를 살펴보세요.
형식은 $.get과 같습니다. (). .jsp",
{ name: "cssrain", time: "2008/01/21" }, //전송할 데이터

function(data){ alert("반환된 데이터: " data ); } ) 위 두 방법의 차이점은 요청 방법(하나는 get, 하나는 post)입니다.

마지막으로 $.ajax를 살펴보겠습니다. ():

코드 복사


코드는 다음과 같습니다.

$.ajax({
url:'Accept.jsp',

type:' post', //데이터 전송 방법 dataType:'html', //데이터 형식을 허용합니다(여기에는 여러 가지가 있으며 일반적으로 사용되는 형식은 html, xml, js, json) data:'text=' $(" #name").val() '&date=' new Date(), //전달할 데이터오류: function(){ //실패alert('문서 로드 오류'); }, 성공: function(msg){ //성공

alert( "저장된 데이터: " msg );

})


Instance
front-end jsp 부분의 코드는 다음과 같습니다....
득표수:




코드 복사


코드는 다음과 같습니다.

<%=vote_number%>

) href='javascript:;'">투표< ;/a>

... js 부분의 코드는 다음과 같습니다

코드 복사

코드는 다음과 같습니다.

function myvote(id){
$.post("vote.jsp", { id: id },
function(data ){

eval("var data=" data); if (data.issucc=="0"){ alert( data.mess) }else{ // Alert("업데이트 페이지"); $("#i" data.myid).html(data.votenum) }

}); 🎜>반환된 데이터는 json

백그라운드에서 반환된 json 데이터는 다음과 같습니다
{issucc:,mess:””,votenum:,myid:}
issucc: 성공 여부
mess: 로그인 안 됨, 한도 초과 등과 같은 정보, 주로 오류 정보
votenum: 투표 후 총 투표 수
myid: 투표의 ID, 투표 수를 업데이트하는 데 사용됩니다.
등록 로그인 인스턴스
js
login.jsp에서 반환된 유형은 텍스트 형식으로, 올바르면 "OK"이고
"error"이면 페이지에 있습니다. 틀렸다.

코드 복사


코드는 다음과 같습니다.


var userName
var 비밀번호;
var 결과;
$(document).ready(function(){
$("#load").hide();
$("#success").hide();
$("#error").hide();

}) $(document).ready(function(){ $("#button").click(function( ){ $("#error").hide(); $("#load").show("slow") userName = $("#userName").val( ); password = $("#password").val();

$.ajax({type: "post",

url: "login.jsp",
dataType: " html",
data: "userName=" userName "&password=" 비밀번호,
성공: function(result){
var res = String($.trim(result));
if( res== "OK"){
$("#myTable").hide("slow")
$("#success").show("slow")
}else if (res= ="error"){
$("#error").show("slow")
$("#load").hide("slow"); {
alert("예외가 반환됨");}
}
})
})
})


jsp 페이지
responseText 형식




코드 복사


코드는 다음과 같습니다.


<%@ 페이지 언어= "java" pageEncoding ="gb2312"%>
<%
String userName = request.getParameter("userName")
String 비밀번호 = request.getParameter("password"); if(password.equals("longleg")&&userName.equals("thy")){

out.print("OK")
}else{out.print("error");}
%>