勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

Ajaxでボタンとテキストボックス操作

      2014/07/03

ボタンを押して「https://aaa/bbb/ajax.php」からの

返答をテキストボックスに非同期通信で入れる。

「https://aaa/bbb/ajax.php」を読み込む度に

異なる表示が行われるページであれば、

ボタンを押す度に違う文言が入る。

$(function(){
$("#name_change").click(function(){
$.ajax({
url: "https://aaa/bbb/ajax.php",
success: function(msg){
if(msg){
$("#name").val(msg);
}else{
alert("エラーが発生しました。");
}
}
});
});
});

<input type="text" id="name" value="">
<input type="button" value="テストボタン" id="name_change">

 - Ajax, jQuery

  関連記事

jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

PHPとSQLiteでi-mobileのデータをグラフ化

i-mobileでクリック保証のアフィリエイトだけど数値が並んでいるだけでグラフ ...

スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

jquery.snipeの使い方

使い方によっては面白くなりそう。 ■jquery.snipe http://ra ...

Ajaxの負荷対策

Ajaxを使ってボタンを押した際に表示を切り替える処理。 都度Ajaxを使ってた ...

jQueryで偶数or奇数行にclassを付与

やりたかった事は、 ・PHPは使えなくてjavascriptかjQueryを使用 ...

jQueryの指定されたイベントを実行する(trigger)

jQueryで $('ID').trigger('click'); というみたこ ...

classの取り扱い

jQueryでclassを扱う際、 //id=aaaにclass=testを付与 ...

jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。 ・画像のURLはcode.jpgみたいになってる ...

jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...