JQ Ajax 조작

제 가 아 약 스 를 원생 js 로 조작 한 경험 과 이 해 를 공유 해 봤 는데 요.
        프론트 데스크 톱 은 페이지 의 일부 효과, 검증 등에 대해 우 리 는 모두 자바 스 크 립 트 언어 를 통 해 이 루어 졌 습 니 다. 그러나 이것 은 우리 의 자바 코드 처럼 프론트 데스크 톱 언어 가 가장 기본 적 인 것 입 니 다. jQuery 는 js 코드 를 패키지 하여 우리 프론트 코드 의 작성 을 편리 하 게 하 는 것 입 니 다. 그리고 아주 큰 장점 은 브 라 우 저의 호환성 문 제 를 해결 하 는 것 입 니 다.이것 도 우리 가 그것 을 사용 하 는 매우 중요 한 원인 중의 하나 이다.
       현재 사용자 의 수 요 를 만족 시 키 기 위해 Ajax (Asynchronous Javascript + XML) 비동기 리 셋 은 비교 할 수 없 는 역할 을 합 니 다. 예전 에 Ajax 작업 을 썼 을 때 JDBC 코드 처럼 몇 가지 필수 적 인 절 차 를 밟 아야 합 니 다.
AJAX - 핵심 XML HttpRequest 대상 이 며, JQuery 도 Ajax 비동기 작업 을 패키지 하 였 습 니 다. 여기 서 자주 사용 하 는 몇 가지 방식 을 살 펴 보 겠 습 니 다. $.ajax,$.post, $.get, $.getJSON。
 1. $. ajax, 이것 은 JQuery 가 ajax 에 대한 가장 기본 적 인 단계 입 니 다. 이 함 수 를 사용 하면 비동기 통신 의 모든 기능 을 완성 할 수 있 습 니 다.즉, 어떤 상황 에서 도 우 리 는 이 방법 을 통 해 비동기 리 셋 작업 을 할 수 있다 는 것 이다.그러나 그것 의 매개 변수 가 비교적 많아 서 때로는 좀 번 거 로 울 수도 있다.
자주 사용 하 는 인자 보기:
var configObj = {
       method   //       :get post
       url   //       
       async   //        ,   true
       data    //       
       dataType   //          ,  xml,String,Json 
       success    //          
       error   //          
    }
$.ajax(configObj);//  $.ajax      。

 자, 실제 예 를 보 세 요. 비동기 삭 제 를 하 는 예 를 보 세 요.
          //     
                $.ajax({  
                    type : "post",  //      
                    url : "    ",  
                    data : {  
                        "org.id" : "${org.id}"  
                    },//  ,      Json        
                    success : function(result) {//                 
                        if ( result.success ) {  
                            $("#tipMsg").text("      ");  
                            tree.deleteItem("${org.id}", true);  
                        } else {  
                            $("#tipMsg").text("      ");  
                        }  
                    }  
                });  
  

 2. $. post, 이 함 수 는 사실 $. ajax 에 대해 더욱 진일보 한 패 키 징 을 하여 매개 변 수 를 줄 이 고 조작 을 간소화 하 였 으 나 사용 범 위 는 더욱 작 아 졌 습 니 다. $.post 는 데이터 제출 방식 을 간소화 하여 POST 방식 으로 만 제출 할 수 있 습 니 다.비동기 접근 서버 만 있 을 수 있 고 동기 접근 이 불가능 하 며 오류 처리 가 불가능 합 니 다.이러한 상황 을 만족 시 키 는 상황 에서 우 리 는 이 함 수 를 사용 하여 우리 의 프로 그래 밍 을 편리 하 게 할 수 있 습 니 다. 그것 의 주요 몇 가지 매개 변 수 는 method, async 등 기본 설정 을 했 습 니 다. 우 리 는 변경 할 수 없습니다.
 $.post(
            
            url:"    ",
{username:"admin", password:"123"}, function(data){ } );
 
   
  

url:发送请求地址。

data:待发送 Key/value 参数。

callback:发送成功时回调函数。

type:返回内容格式,xml, html, script, json, text,_default。

 3、$.get和$.post一样,这个函数是对get方法的提交数据进行封装,只能使用在get提交数据解决异步刷新的方式上,使用方式和上边的也差不多。

 $.get(
            url:"    ",
            {username:"admin", password:"123"},
            function(data){

            }
        );

4. $. getJSON, 이것 은 더 나 은 패키지 입 니 다. 즉, 되 돌아 오 는 데이터 형식 을 JSon 으로 조작 하 는 것 입 니 다.안에 세 개의 인자 가 있 습 니 다. 설정 이 필요 합 니 다. 아주 간단 합 니 다. url, [data], [callback].
 
사실 $. ajax 방법 을 알 게 되 었 습 니 다. 다른 것 은 모두 사용 할 수 있 습 니 다. 모두 똑 같 습 니 다. 사실은 매우 간단 합 니 다.
프로 그래 밍 을 배 우 는 것 은 바로 데이터 의 유통 처 리 를 배 우 는 것 이다. 프론트 데스크 에서 어떻게 얻 고 서버 로 전송 하여 해당 하 는 처 리 를 한 다음 에 돌아 와 관련 된 디 스 플레이 를 하 는 것 이다. 이 절 차 를 일부 기술 로 실현 하면 소프트웨어 의 개발 을 완 성 했 고 매우 재 미 있 었 다.

좋은 웹페이지 즐겨찾기