非常に簡単なjQuery/AJAX Coldfusionチュートリアルはどこで見つけることができますか？

Question

編集：いくつかのチュートリアルの後、私は固まっていますhere

私はjqueryを初めて使っていますが、Coldfusionで何か経験があります。私は、jQuery/AJAXがColdFusion9 CFCからどのようにクエリを取得し、それをHTML呼び出しページに表示するかを示す簡単なチュートリアルが必要です。私はこのben_tutorialに従ってみましたが、それは私にとっては複雑すぎます。別のtutorialもありますが、私はプラグインをインストールしたくありません。どこを探していますか？私は "jquery ajax coldfusion"を検索しています。

Answer 1

あなたは、HTMLの知識があると思います。

$.get("coldfusion-page.cfm",function(data){ 
    $("#displaydiv").html(data); 
}); 

$に.getは、単に与えられたURLを取得する簡単な方法です：あなたが求めているもののようなものを達成するために、このスニペットを使用します。それに続くfunction（）部分は、coldfusionページへのリクエストが完了したときに実行されるものです。それは、IDが "displaydiv"のHTMLタグに返されたデータを入れるだけです。

これは実際にはこれより簡単にはなりません。

Answer 2

私が見つけたいくつかのリンクは次のとおりです。

• http://blog.pengoworks.com/index.cfm/2011/3/3/Easy-AJAX-using-ColdFusion-jQuery-and-CFCs
• http://blog.kukiel.net/2011/09/jquery-coldfusion-and-cfdump-into-div.html
• http://tutorial43.learncf.com/
• Return data using ColdFusion and jQuery Ajax

は、ColdFusion

のためにこれらのブログを読んで間違って行くことはほとんどないことができます

• bennadel.com
• coldfusionjedi.com
• http://cflove.org/

Answer 3

あなたは、クライアント側で更新したいのかについて詳しく説明しませんでした。フォームは共通しているので、あなたのようなクライアントサイドのHTMLフォームがある場合：

<input type="text" name="title"> 
<input type="text" name="date"> 
<input type="text" name="author"> 

をあなたは生成し、ColdFusionでJSON文字列を送信します。 （ColdFusionの-page.cfmは、サーバー側のAJAXの応答者の名前である）あなたが実行でしょうクライアント側のデータを更新するには

{"title" : "mytitle", "date" : "mydate", "author" : "myauthor"} 

：JSON文字列はのようになります

jsonOBJ = {}; 
$.ajax({ 
    type: "GET", 
    url: "coldfusion-page.cfm", 
    cache: false, 
    success: function(data){ 
    jsonOBJ = jQuery.parseJSON(data); 
    for (var key in jsonOBJ) { 
     $("input[name=" + key + "]").val(jsonOBJ[key]); 
    } 
    }, 
}); 

OR、あなただけのようなdiv要素やテキストエリアを更新する場合：

<div id="uniquedivname"></div> 

あなただけのHTML /テキストを送信し、AJに成功機能を置き換えますaxコールで：

success: function(data){ 
    $("#uniquedivname").html(data); 
    },