복붙노트

[JQUERY] $ 아약스 ()와 $ 갔지 ()와 $ .load의 차이 ()

JQUERY

$ 아약스 ()와 $ 갔지 ()와 $ .load의 차이 ()

해결법


  1. 1.$ 아약스 ()는 당신이 좋은 HTTP 헤더 및 제어 할 그레인 얻을 대부분의 구성 하나입니다. 또한이 방법을 사용하여 XHR 객체에 직접 접근 할 수있게되었습니다. 약간 더 세밀한 오류 처리도 제공됩니다. 그러므로 더 복잡하고 종종 불필요한,하지만 때로는 매우 유용 할 수 있습니다. 당신은 콜백으로 반환 된 데이터와 함께 자신을 처리해야합니다.

    $ 아약스 ()는 당신이 좋은 HTTP 헤더 및 제어 할 그레인 얻을 대부분의 구성 하나입니다. 또한이 방법을 사용하여 XHR 객체에 직접 접근 할 수있게되었습니다. 약간 더 세밀한 오류 처리도 제공됩니다. 그러므로 더 복잡하고 종종 불필요한,하지만 때로는 매우 유용 할 수 있습니다. 당신은 콜백으로 반환 된 데이터와 함께 자신을 처리해야합니다.

    $ 갔지은 () $ 아약스 단지 속기 ()이지만, 당신에게서 숨기는 것에 대해 합리적인 디폴트 값을 설정, 멀리 구성의 일부를 추상화합니다. 콜백에 데이터를 돌려줍니다. 그것은 오직 GET-요청이 너무에만 게시물에 대한 유사한 추상화의 $ .post () 함수를 동반 할 수 있습니다

    .load () () 갔지 $ 비슷하지만 문서에 반환되는 데이터가 삽입 될 위치를 정의 할 수있는 기능을 추가합니다. 따라서 정말에만 사용할 수있는 통화는 HTML이 발생할 때. 이 특정 jQuery를 감싸 DOM 요소에 연결하는 방법이기 때문에, 약간 다르게 다른 글로벌 통화에 비해이라고합니다. 따라서, 하나는 할 것 :. $ ( '#의 divWantingContent') 부하 (...)

    내부적으로 불리는 모든 $의 갔지 (), $ .post () .load ()는 $ 아약스 ()에 대한 모든 단지 래퍼 있음을 주목해야한다.

    jQuery를의 아약스 - 문서에서 자세한 내용 : http://api.jquery.com/category/ajax/


  2. 2.상기 방법은 서로 다른 추상화 계층을 제공한다.

    상기 방법은 서로 다른 추상화 계층을 제공한다.

    그것은 당신이 사용해야하는 방법은 상황에 따라 달라집니다. 당신이 간단한 물건을하고 싶은 경우) ($ 아약스 귀찮게 할 필요가 없습니다.

    예를 들면 반환 된 데이터를 추가로 처리 할 필요가 JSON 될 경우 당신은 $ .load ()를 사용하지 않습니다. 여기에 당신도 () 또는 $ 갔지 () $ 아약스를 사용합니다.


  3. 3.http://api.jquery.com/jQuery.ajax/

    http://api.jquery.com/jQuery.ajax/

    전체 몬티, 당신은 Ajax 요청의 어떤 종류를 만들 수 있습니다.

    http://api.jquery.com/jQuery.get/

    단, 당신이 HTTP GET 요청을 할 수있는 좀 덜 구성이 필요합니다.

    http://api.jquery.com/load/

    데이터를 얻을 요소에 주입하는 전문.


  4. 4.아주 기본적이지만

    아주 기본적이지만


  5. 5.중요 사항 : jQuery.load () 메서드는하지 마세요 수뿐만 아니라 데이터 매개 변수가 공급되면 POST 요청 (참조 : http://api.jquery.com/load/)

    중요 사항 : jQuery.load () 메서드는하지 마세요 수뿐만 아니라 데이터 매개 변수가 공급되면 POST 요청 (참조 : http://api.jquery.com/load/)

    Example: pass arrays of data to the server (POST request)
    $( "#objectID" ).load( "test.php", { "choices[]": [ "Jon", "Susan" ] } );
    

  6. 6.모든 사람은 권리가 있습니다. 기능 갔지, .load 및 .post, 함수 아약스를 사용하여 여러 가지 방법이 있습니다.

    모든 사람은 권리가 있습니다. 기능 갔지, .load 및 .post, 함수 아약스를 사용하여 여러 가지 방법이 있습니다.

    개인적으로, 나는 매우 혼란 아약스 원시 기능을 발견하고 나는 그것을 필요로하는, 사용 부하에 선호 얻을, 또는 게시 할 수 있습니다.

    POST는 다음과 같은 구조를 가지고 :

    $.post(target, post_data, function(response) { });
    

    GET는 다음이 있습니다 :

    $.get(target, post_data, function(response) { });
    

    LOAD는 다음이 있습니다 :

    $(*selector*).load(target, post_data, function(response) { });
    

    당신이 볼 수 있듯이 그 상황을 결정 어느 하나를 사용하는 것이 있기 때문에, 그들 사이에 약간의 차이가있다. 내부적으로 파일에 정보를 보낼 필요하십니까? (이것은 대부분의 경우가 될 것이다) .post 사용합니다. 당신이 특정 순간에 대한 링크를 제공 할 수 있다는 등의 방법으로 정보를 보낼 필요가? 사용 갔지. 둘 다 당신이 파일의 응답을 처리 할 수있는 콜백을 할 수 있습니다.

    중요한 점은 .load 두 개의 서로 다른 방식으로 작용한다는 것이다. 당신은 단지 대상 문서의 URL을 제공하는 경우, 그것은 GET 역할을합니다 (그리고 내가 말할 행위 나 기본 .load 동작을 사용하고 $ _POST,하지 $ _GET을 감지하는 동안라는 PHP에서 $ _POST 확인 시험 때문에, 어쩌면 ) 인수없이 .post 역할을 말을 더 정확하게 것이다; http://api.jquery.com/load/ 말한대로 당신이 함수에 인자 배열을 제공하면 그러나, 그것은 파일에 정보를 게시 할 예정입니다. 케이스가 무엇이든간에, .load 함수는 직접 많은 경우에 매우 명료, 매우 직접적이다 DOM 요소에 정보를 삽입하는 것; 당신이 응답을 더 뭔가를하려는 경우 여전히 콜백을 제공합니다. 또한, .load가 직접 DOM 요소에 HTML 파일, 예를 들어, 당신에게 카탈로그를 저장할 수있는 가능성을 제공, 파일에서 코드의 특정 블록을 추출하고 (항목)의 조각을 검색 할 수 있습니다.


  7. 7.

    $.get = $.ajax({type: 'GET'});
    

    $ .load ()는 요소 만 호출 할 수있는 도우미 함수입니다.

    () 아약스 $ 당신에게 가장 제어 할 수 있습니다. 당신이 POST 데이터를하려는 경우 지정할 수있어 더 콜백 등


  8. 8.모두 데이터 것을를 사용하여 일부 응답을 일부 데이터를 전송하고 수신하는 데 사용됩니다.

    모두 데이터 것을를 사용하여 일부 응답을 일부 데이터를 전송하고 수신하는 데 사용됩니다.

    GET : 서버에 저장된 정보를 가져옵니다. (즉, 검색 트윗 개인 정보). 당신이 정보를 보내려면 다음은 기본적으로 URL을 통해 정보를 전송 그래서 process.php? 이름 = Subroto 지역을 사용하여 요청 전송 요청을 얻을. URL이 이상 2,036 문자를 처리 할 수 ​​없습니다. 그래서 블로그 게시물에 대한 당신은 그것을 할 수없는 기억 할 수 있습니까?

    POST : 포스트 GET으로 같은 일을. 사용자 등록, 사용자 로그인, 빅 데이터 전송은 블로그 게시물. 당신이 보안 정보를 전송해야하는 경우 다음 게시물을 사용하거나 큰 데이터는 URL을 통과하지한다.

    AJAX : $ 갔지 ()와 $는 .post () $ 아약스의 부분 집합 인 기능이 포함 (). 그것은 더 많은 구성을 가지고있다.

    $ 아약스 속기의 일종 인 $ 갔지 () 메소드 (). $ 갔지 ()를 사용하는 경우, 대신에 객체를 전달, 당신은 인수를 전달합니다. 최소한, 당신은 당신이 검색 할 파일 (예. TEST.TXT) 및 성공 콜백의 URL입니다 처음 두 인수를해야합니다.


  9. 9.모두가 잘 주제를 설명했다. 내가 .load () 메서드에 대한 추가를하고 싶은 또 하나의 포인트가있다.

    모두가 잘 주제를 설명했다. 내가 .load () 메서드에 대한 추가를하고 싶은 또 하나의 포인트가있다.

    로드 문서 당으로는 데이터 URL에 접미사 선택기를 추가하는 경우 다음로드 내용의 스크립트를 실행하지 않습니다.

    작업 Plunker

                $(document).ready(function(){
                    $("#secondPage").load("mySecondHtmlPage.html #content");
                })
    

    반면에, URL의 선택을 제거한 후, 새로운 콘텐츠의 스크립트가 실행됩니다. 이 예제를보십시오

    index.html을 파일에 URL에 #content를 제거한 후

                $(document).ready(function(){
                    $("#secondPage").load("mySecondHtmlPage.html");
                })
    

    토론에서 다른 방법에 의해 제공되는 그러한 내장 기능이 없습니다.

  10. from https://stackoverflow.com/questions/3870086/difference-between-ajax-and-get-and-load by cc-by-sa and MIT license