勉強したことのメモ

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

  関連記事

javascript_logo_unofficial-300x300
Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

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

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

jquery_logo
jQuery2.0がリリース

リリースされたとのこと。 http://blog.jquery.com/2013 ...

jquery_logo
jQueryでボタンをクリックしてクリップボードにコピー

■2015/11/01追記 以下記事でライブラリとか無しで同様の機能がつけられる ...

jquery_logo
pjaxについてのメモ

ずっと気になっていたpjaxについてのメモ。 ■参考サイト http://chi ...

jquery_logo
jQueryで要素のleftやwidthを取得

jQueryで要素のposition(leftやtop)とwidthとheigh ...

jquery_logo
FullCalendarでラベル毎に表示切替したい

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

jquery_logo
jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jquery_logo
lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

flash_player_11_icon_rgb
FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...