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

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

WBOY

풀어 주다： 2016-05-16 17:50:09

원래의

1054명이 탐색했습니다.

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");}
%>