ajax의 일부 템플릿(EOTD No.15)
3322 단어 JavaScriptRailsRubytech
2021년 최초의 EOTD(Error Of The Day).
오늘의 잘못
프롬프트
console
에 표시되는 오류입니다.rails-ujs.js:216 POST http://localhost:3000/favorite/1 500 (Internal Server Error)
network
에서 오류의 상세한 내용을 확인하다.이벤트가 발생했을 때 터미널에서도 같은 오류가 발생했습니다.
장면
↑ 며칠 전 보도의 실시를 재시도할 때 발생한 오류.
aax에 요리사가 좋아하는 기능을 로그인합니다.
다음 부분의 템플릿을 자바스크립트 형식으로 요청합니다.
favorites_controller의create 동작을 실행할 때 이번 오류 화면입니다.
<%= link_to image_tag("heart.png", size: '20x20'), create_favorite_path(chef), method: :POST, remote: true %>
이 링크를 클릭하는 중 오류가 발생했습니다.고찰하다.
오류 메시지에서favorites 컨트롤러의create 동작을 호출하는 js 파일에 문제가 있을 수 있습니다.
document.getElementById('chef_<%= @chef.id %>').innerHTML = '<%= j(render @chef) %>'
일부 템플릿으로 바꾸려는 위치'chef<%[email protected]%>'의 id를 흔들고 있습니다.eb 탭 안의
render
를 간단한 문자열로 바꾸어 실행해 보십시오.그래서 이벤트가 발생할 때 이 문자열을 표시합니다.
이 eb 라벨에 문제가 있는 것 같습니다.인스턴스 변수?
@chef = Chef.find(params[:id])
@chef도favorites 컨트롤러가 지정합니다.응.
Keep on Thinking
현재 오류가 계속 발생하고 있습니다.
이번에 이 오류를 조사해 보니 js였다.erb 라벨을 사용하여 같은 실현을 하면 비교적 어려울 것이다.
jquery를 사용하면 위의 내용을 더욱 간단하게 실현할 수 있기 때문에 다음 응용 개발에서 프레임워크에 도전할 것이라고 합니다.
Reference
이 문제에 관하여(ajax의 일부 템플릿(EOTD No.15)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/swata_dev/articles/9bb6151e3c166f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)