jQuery Ajax 인스턴스($.ajax, $.post, $.get)-JS 튜토리얼-php.cn

jQuery Ajax 인스턴스($.ajax, $.post, $.get)

巴扎黑

풀어 주다： 2017-06-30 14:15:44

원래의

1133명이 탐색했습니다.

Jquery는 비동기 제출을 매우 잘 캡슐화합니다. AJAX를 직접 사용하는 것은 매우 번거로운 일입니다. Jquery는 작업을 크게 단순화하고 브라우저의 놀라움을 고려할 필요가 없습니다.

좋은 jQuery Ajax 예제 기사를 추천하세요.

$.post 및 $.get은 간단한 방법이므로 복잡한 논리를 처리하려면 jQuery.ajax를 사용해야 합니다. ()

1. $.ajax

$.ajax({

type: 'POST',

url: url ,

data: data

의 일반 형식

성공: 성공 ,

데이터 유형: dataType

});

2. $.ajax

매개변수 설명

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

3. $.ajax에서 주의할 점:

1. 데이터의 주요 메소드는 html splicing, jsonarray 3가지가 있으며, 폼은 serialize로 직렬화됩니다. (); dataType을 통해 지정하고 지능적인 판단을 지정하지 않습니다.

2.$.ajax는 텍스트 모드에서만 양식을 제출합니다. 비동기 제출에 upload이 포함되어 있으면 전달할 수 없는 jquery.form.js

의 $.ajaxSubmit을 사용해야 합니다. IV , $.ajax 나의 실제 적용 사례

 1 //1.$.ajax带json数据的异步请求 2 var aj = $.ajax( {  
 3     url:'productManager_reverseUpdate',// 跳转到 action   4     data:{  
 5              selRollBack : selRollBack,  
 6              selOperatorsCode : selOperatorsCode,  
 7              PROVINCECODE : PROVINCECODE,  
 8              pass2 : pass2  
 9     },  
10     type:'post',  
11     cache:false,  
12     dataType:'json',  
13     success:function(data) {  
14         if(data.msg =="true" ){  
15             // view("修改成功！");  16             alert("修改成功！");  
17             window.location.reload();  
18         }else{  
19             view(data.msg);  
20         }  
21      },  
22      error : function() {  
23           // view("异常！");  24           alert("异常！");  
25      }  
26 });27 28 29 //2.$.ajax序列化表格内容为字符串的异步请求30 function noTips(){  
31     var formParam = $("#form1").serialize();//序列化表格内容为字符串  32     $.ajax({  
33         type:'post',      
34         url:'Notice_noTipsNotice',  
35         data:formParam,  
36         cache:false,  
37         dataType:'json',  
38         success:function(data){  
39         }  
40     });  
41 }  
42 43 44 //3.$.ajax拼接url的异步请求45 var yz=$.ajax({  
46      type:'post',  
47      url:'validatePwd2_checkPwd2?password2='+password2,  
48      data:{},  
49      cache:false,  
50      dataType:'json',  
51      success:function(data){  
52           if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间  53           {  
54                textPassword2.html("<font color=&#39;red&#39;>业务密码不正确！</font>");  
55                $("#validatePassword2").val("pwd2Error");  
56                checkPassword2 = false;  
57                return;  
58            }  
59       },  
60       error:function(){}  
61 }); 
62 63 64 //4.$.ajax拼接data的异步请求65 $.ajax({   
66     url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',   
67     type:'post',   
68     data:'merName='+values,   
69     async : false, //默认为true 异步   70     error:function(){   
71        alert('error');   
72     },   
73     success:function(data){   
74        $("#"+ps).html(data);   
75     }76 });

로그인 후 복사

위 내용은 jQuery Ajax 인스턴스($.ajax, $.post, $.get)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!