Ajax 예제 코드가 첨부된 jQuery$.post() 메소드

이 글에서는 주로 jquery의 $.post() 메소드를 소개합니다. Jquery는 비동기 제출을 매우 잘 캡슐화합니다. Jquery는 브라우저의 차이를 고려하지 않고 작업을 크게 단순화합니다. 필요하신 친구들이 참고하시면 도움이 되셨으면 좋겠습니다.
$.post 및 $.get은 간단한 메소드입니다. 복잡한 로직을 처리하려면 jQuery.ajax()를 사용해야 합니다.

1. $.ajax

$.ajax({
     type: 'POST',  
     url: url ,  
    data: data ,  
    success: success ,
     dataType: dataType
});

2의 일반 형식입니다. $.ajax

매개변수 설명
url - 필수입니다. 요청을 보내야 하는 URL을 지정합니다.
데이터 - 선택사항입니다. 맵 또는 문자열 값. 요청과 함께 서버로 전송될 데이터를 지정합니다.
success(data, textStatus, jqXHR)—— 선택사항. 요청이 성공했을 때 실행되는 콜백 함수입니다.
dataType - 선택사항입니다. 예상되는 서버 응답의 데이터 유형을 지정합니다. 지능형 판단은 기본적으로(xml, json, script 또는 html) 수행됩니다.

3. $.ajax에서 주의할 점

1. 데이터의 세 가지 주요 방법은 html splicing, json 배열, dataType으로 지정된 serialize()로 직렬화된 형식입니다. 지정.
2.$.ajax는 텍스트 모드에서만 양식을 제출합니다. 비동기 제출에 이 포함된 경우 jquery.form.js

의 $.ajaxSubmit을 사용해야 합니다. $.ajax

//1.$.ajax带json数据的异步请求  
var aj = $.ajax( {    
    url:'productManager_reverseUpdate',// 跳转到 action    
    data:{    
             selRollBack : selRollBack,    
             selOperatorsCode : selOperatorsCode,    
             PROVINCECODE : PROVINCECODE,    
             pass2 : pass2    
    },    
    type:'post',    
    cache:false,    
    dataType:'json',    
    success:function(data) {    
        if(data.msg =="true" ){    
            // view("修改成功！");    
            alert("修改成功！");    
            window.location.reload();    
        }else{    
            view(data.msg);    
        }    
     },    
     error : function() {    
          // view("异常！");    
          alert("异常！");    
     }    
});  
  
  
//2.$.ajax序列化表格内容为字符串的异步请求  
function noTips(){    
    var formParam = $("#form1").serialize();//序列化表格内容为字符串    
    $.ajax({    
        type:'post',        
        url:'Notice_noTipsNotice',    
        data:formParam,    
        cache:false,    
        dataType:'json',    
        success:function(data){    
        }    
    });    
}    
  
  
//3.$.ajax拼接url的异步请求  
var yz=$.ajax({    
     type:'post',    
     url:'validatePwd2_checkPwd2?password2='+password2,    
     data:{},    
     cache:false,    
     dataType:'json',    
     success:function(data){    
          if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间    
          {    
               textPassword2.html("<font color=&#39;red&#39;>业务密码不正确！</font>");    
               $("#validatePassword2").val("pwd2Error");    
               checkPassword2 = false;    
               return;    
           }    
      },    
      error:function(){}    
});   
  
  
//4.$.ajax拼接data的异步请求  
$.ajax({     
    url:&#39;<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action&#39;,     
    type:&#39;post&#39;,     
    data:&#39;merName=&#39;+values,     
    async : false, //默认为true 异步     
    error:function(){     
       alert(&#39;error&#39;);     
    },     
    success:function(data){     
       $("#"+divs).html(data);     
    }  
});

애플리케이션 예시

위 내용은 Ajax 예제 코드가 첨부된 jQuery$.post() 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!