勉強したことのメモ

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

  関連記事

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

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

jquery_logo
pjaxについてのメモ

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

jquery_logo
画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン

3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...

jquery_logo
jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

images
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

jquery_logo
AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

jquery_logo
tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるように したいところ。 ■ ...

jquery_logo
プラグインを使用せず、jQueryでオートページャー

プラグインを使わずにオートページャーを 作りたかった。 内容としては、 ・ターゲ ...

jquery_logo
submit関連のjQuery

<?php //jQueryでのsubmit,エンターキーでのsubmit ...

images
PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...