jqueryのタブでcoldfusionクエリを呼び出す方法

Question

jquery関数を記述しました。スパムに動的に要素を追加するためにcoldfusionクエリを呼び出すumしかし、これは動作していません。誰が何が間違っていると言うことができますか？

$('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を使用する必要があります。