jquery tab click 함수에서 coldfusion 쿼리를 호출하는 방법

Question

jquery 함수를 작성했습니다. 음, coldfusion 쿼리를 호출하여 동적으로 스팸에 요소를 추가하지만 작동하지 않습니다. 어느 것이 잘못 됐는지 말해 줄 수 있니?

$('a.clikceble',$this).click(function(){ 
    <cfloop query="GET_ALL_STUDENT_INFO_QUERY"> 
      alert("inside"); 
      $(".quick_time_dl a").attr("href", "index.cfm?event=location.index&section=download&topic_id=<cfoutput>#URLDecode(url.topic_id)#</cfoutput>&video_id=<cfoutput>#URLDecode(url.video_id)#</cfoutput>&video_name=<cfoutput>#URLDecode(url_mov)#</cfoutput>&video_type=lif_mov"); 
      $(".win_media_dl a").attr("href", "index.cfm?event=location.index&section=download&topic_id=<cfoutput>#URLDecode(url.topic_id)#</cfoutput>&video_id=<cfoutput>#URLDecode(url.video_id)#</cfoutput>&video_name=<cfoutput>#URLDecode(url_wmv)#</cfoutput>&video_type=lif_wmv"); 
      <cfif len(url_pdf)> 
       $("#url_pdf").attr("href", "../assets/teaching_notes_pdf/<cfoutput>#URLDecode(url_pdf)#</cfoutput>"); 
       $(".pdf_desc").append($("#url_pdf")); 
       alert($(".pdf_desc").append($("#url_pdf"))); 
       $("#url_pdf").show(); 
      </cfif> 
      <cfif len(pdf_transcript)> 
       $("#pdf_transaction").attr("href", "../assets/teaching_notes_transcripts/<cfoutput>#URLDecode(pdf_transcript)#</cfoutput>"); 
       $(".pdf_desc").append($("#pdf_transaction")); 
       alert($(".pdf_desc").append($("#pdf_transaction"))); 
       $("pdf_transaction").show(); 
      </cfif> 
     </cfloop> 

Answer 1

이 작업을 수행하는 가장 좋은 방법은 탭을 클릭 할 때 ajax 메서드를 통해 Coldfusion 페이지를 호출하는 것입니다. 쿼리로 coldfusion 페이지를 만들고 결과를 JSON 형식으로 반환하십시오. JSON 데이터 유형으로 jquery ajax 함수를 사용하고 결과 세트를 반복하고 마지막으로 DOM에 추가 할 수 있습니다. 'jquery coldfusion'에 대한 간단한 google 검색은 "Easy AJAX using ColdFusion, jQuery and CFCs"과 같은 많은 결과를 반환합니다.

Answer 2

이 코드에서는 먼저 서버 측 코드 (cfloop, cfif 등)가 실행되고 클라이언트 측 Java 스크립트가 생성됩니다. 귀하의 경우에 쿼리 (GET_ALL_STUDENT_INFO_QUERY)에 3 개의 레코드가있는 경우 서버 측 처리 후 3 번 스크립트를 생성하여 브라우저로 반환하지만 click 이벤트에서 쿼리 작업 (서버 측 코드)을 처리하지 않습니다. 클라이언트 측에서 click 이벤트에 대한 서버 측 작업을 처리하려면 Ajax를 사용해야합니다.