jQueryのAjax処理について


jQueryのAjax処理についての基本的な紹介です。

🚜 書き方

jQuery 1.8以降では次のように記述します。

$.ajax({
url: "http://jsrun.it/assets/E/H/Z/t/EHZt3"
}).done(function(data) { // 成功時
alert('success!');
}).fail(function(data) { // 失敗時
alert('error!');
}).always(function(data) { // 常に実行
alert('always!');
});

defferredを使うと次のように記述できます。

var Example = {
search: function(query) {
var defer = $.Deferred();
$.ajax({
url: "http://example.com/search.json",
method: 'POST', // GET, PUT等定義変更
data: {
q: query
},
dataType: 'jsonp',
success: defer.resolve,
error: defer.reject
});
return defer.promise();
}
};

$('#example-button').on('click', function() {
Example.search('search-word').done(function(data) {
$(data.results).each(function(k, v){
$('#result').append(v.text + '<br/>');
});
});
});

🍄 参考リンク

😆 サービスの成長に真剣にコミットしてくれる人募集!

個人で開発しているサービスが月間21万PV、月次20%PV増、直近は1万PV/日まで成長してきました。 誰でも「安く」、「良いもの」を「すぐに見つけて」買い物ができるサービスです。 売買の体験を圧倒的に「簡単」にするプラットフォームに成長させたいです。

一緒にグロースに挑戦してくれる Rails エンジニア、デザイナ、ディレクターさんを探しています。 法人化を予定しており、スキルに応じて適切な給与をお支払いします。(一定割合は Exit 時)

様子見大歓迎です!少しでも興味を持って頂けるようであれば、『 bosyu 』からご連絡ください!

🖥 VULTRおすすめ

VULTR」はVPSサーバのサービスです。日本にリージョンがあり、最安は512MBで2.5ドル/月($0.004/時間)で借りることができます。4GBメモリでも月20ドルです。 最近はVULTRのヘビーユーザーになので、「ここ」から会員登録してもらえるとサービス開発が捗ります!

📚 おすすめの書籍