勉強したことのメモ

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_logo
jQueryで配列の値を検索

やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...

images
AjaxのJSONP使用でPHPで作った配列をJSに返す方法

AというサイトからBというサイトにAjax通信し、Bの方ではMySQLに接続して ...

jquery_logo
jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...

jquery_logo
画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にdro ...

jquery_logo
スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけ ...

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

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

images
imgタグとPHPでグラフ作成

プラグインやライブラリを使わずにグラフを作る 機会があったのでメモ。 ■サンプル ...

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

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

other
ajaxで複数のデータを渡したい

やりたい事はajaxで複数のデータを渡したい。 ■送信側 var data = ...

jquery_logo
jQueryuiを用いてメールの入力補助(サジェスト)

autocompleteを用いた簡易なサジェストを見かけたのでメモ。 ■ソース ...