Debuginfo

思考とアウトプット

JQueryの始め方

javascript

javascriptはあまり慣れていないので試行錯誤で書いています。時間がかかる。。やりたいことははっきりしてるんですが、その方法をトライしてconsole.log with firebugで確認する感じです。

Client-Server間はJSONを交換し合って、非同期で表示する方向です。 そのためにJQueryを使います。本家からダウンロードしてきて,public/jqueryに配置。jquery.min.jsはシンボリックリンクで1.8.2を指しています。

$ find public/jquery/
public/jquery/
public/jquery/jquery-1.8.2.min.js
public/jquery/jquery.min.js

でheaderに追加。ヘッダはtemplate/layouts/default.html.epに追加します。

<script type="text/javascript" src="/jquery/jquery.min.js"></script>

通信はJQuery.get(url, data, callback)を利用します。

function getProfile() {
    var url = 'http://' + host + '/profile'; 
    jQuery.get( url, { name: "John", time: "2pm" }, function(data) {
    console.log(data);  
    });
}

上記のような感じでprofileにアクセスしてデータを渡すと同時にコールバックにてデータを取得します。で、サーバサイドはコントローラでアクセスをさばいていきます。