복붙노트

[RUBY-ON-RAILS] LINK_TO 및 원격 => 진정한 +의 JQuery와 : 어떻게? 도움?

RUBY-ON-RAILS

LINK_TO 및 원격 => 진정한 +의 JQuery와 : 어떻게? 도움?

없이 사업부에서 부분으로, 필자는 등록 된 사용자 (User.all)를 보여줍니다 그래서 나의 레일 웹 사이트의 인덱스에 "사용자"링크를 만들려고 노력하지만 그 웹 사이트의 오른쪽 부분에 표시 할 처음부터 전체 페이지를로드.

나는이 나이 프로토 타입 및 원격 => 사실로 가능하다는 것을 알고 있었다 하지만 레일 3.1 및 jQuery를 (자산)와 나는 그것을 수행하는 방법 아무 생각이 없습니다.

누구의 도움이나 나에게 튜토리얼에 대한 방법을 보여 수 있습니까?

해결법

  1. ==============================

    1.이 새로운이기 때문에 실제로는 아주 쉽게, 그냥 큰 문제 같은 느낌입니다. 기본적으로, 새로운 눈에 거슬리지 자바 스크립트 지원, 레일 UJS 스크립트는 자바 스크립트 기능을 결합 할 수있는 이벤트 집합을 노출, 그들은 :

    이 새로운이기 때문에 실제로는 아주 쉽게, 그냥 큰 문제 같은 느낌입니다. 기본적으로, 새로운 눈에 거슬리지 자바 스크립트 지원, 레일 UJS 스크립트는 자바 스크립트 기능을 결합 할 수있는 이벤트 집합을 노출, 그들은 :

    모두 당신이 (당신이 $ document.ready에 랩) 기능 회전의 바인딩에 이러한 이벤트, 아니면 그냥 각 이벤트에 대한 일부 익명 함수는 관심 있음을 작성하는 것입니다 필요가있다.

    예를 들어, 당신이 "response_data"의 ID로 응답 데이터를 넣어 원하는 사업부가 있다고 가정합니다, 당신은 "ajax_trigger"의 ID로 연결되는 링크가 있습니다. 이 같은:

    <%= link_to "My Link", some_model_path(@model_instance), 
                           :remote => true, :html => {:id => "ajax_trigger"} %>
    <div id="response_data">
    </div>
    

    당신이해야 할 모든 사업부에 서버의 응답을 넣어하기 위해 아래와 같은 기능을 제공하는 것입니다 :

    $(document).ready(
         function(){
              $("a#ajax_trigger").bind("ajax:success",
                       function(evt, data, status, xhr){
                            //this assumes the action returns an HTML snippet
                            $("div#response_data").html(data);
               }).bind("ajax:error", function(evt, data, status, xhr){
                        //do something with the error here
                        $("div#errors p").text(data);
               });
    });
    

    이 서버에서 다시 올 때 정말, 당신은 자바 스크립트로 수행하는 모든 응답을 처리한다. 당신은 정말 XHR 요청을 시작하는 것도 특별 할 필요가 없습니다, 당신은 안전하게 멀리 정적의 자산으로까지 제공됩니다의 .js 파일에서이 방법을 저장할 수 있습니다. 당신은 레일 3.1을 사용하는 경우, 당신은 컨트롤러에 해당하는 적절라는 이름의 자바 스크립트 파일에 넣어해야합니다. 컨트롤러에서 당신은 당신이 지정되었는지 확인해야합니다 레이아웃 =>는 responds_with () 메서드는 false, 그 방법은 컨트롤러는 부분을 반환 또는 템플릿 오히려 완전한 페이지보다 렌더링합니다. 반환 JavaScript가 당신이 요청에서 지정한 데이터 - 입력 한 내용에 따라, JSON뿐만 아니라 클라이언트가 실행되는 것을이 설정은 또한 행동와 함께 작동합니다.

    꽤 도움이 될이 블로그 게시물을 발견 : http://www.alfajango.com/blog/rails-3-remote-links-and-forms/

  2. ==============================

    2.여기에 유용한 자원의 목록입니다 :

    여기에 유용한 자원의 목록입니다 :

  3. from https://stackoverflow.com/questions/7052650/link-to-and-remote-true-jquery-how-help by cc-by-sa and MIT license