컨트롤러 메서드에 대한 아약스 호출을 사용하여 div 태그 내용 바꾸기

나는 오랫동안 성취 할 수없는 시나리오에서 작업하고 있습니다. 사용자가 <tr> i.e. (row)을 클릭 할 때마다 해당 테이블에 <div> 태그가 들어있는 테이블이 있습니다. 컨트롤러 메소드에 대한 ajax 호출을 통해 매개 변수로 전달됩니다.컨트롤러 메서드에 대한 아약스 호출을 사용하여 div 태그 내용 바꾸기

이제 전체 페이지를 새로 고치지 않고 전체 태그로 해당 메서드의 (프로필)보기 페이지를 렌더링하고 싶습니다.

내 JS 파일 :

$(document).ready(function(){ 
    $('.tabl tr').click(function(){ 
     var val = $(this).attr('id'); 

     $.ajax({ 
      url: "https://stackoverflow.com/users/profile/", 
      type: "GET", 
      data: {'id': val} 
    }); 
}); 
    });

방법 : 당신의 아약스에

def profile 
@prof = User.where(:id => params[:id]) 
respond_to do |format| 
    format.html 
end 

end

보기 파일 ".html.erb"파일

<html> 
Hi there 
</html>

출처

2014-03-29 userRandom

사용 성공 :

$.ajax({ url: "https://stackoverflow.com/users/profile/", type: "GET", data: {'id': val} success: function(response){ //response is html written by the server $("#dividorwhatever").html(response) } });

출처

2014-03-29 17:54:14 grivcon

안녕하세요 .. 성공 방법을 추가 할 때 ..jquery가 응답을 멈 춥니 다. 즉,'alert()'문도 응답하지 않습니다 .. 성공 태그를 다시 제거하면 .. – userRandom

' ,''data :'나는 그것을 잊어 버렸다. – grivcon

컨트롤러 메서드에 대한 아약스 호출을 사용하여 div 태그 내용 바꾸기

답변

관련 문제