セレクトボックスで選択された(change)イベント毎に
ajaxを実行したいのですが、現状、セレクトボックスを選択しても何も起きません。
// セレクトボックスで選択された値を元にhoge.phpでDBにSELECTしたい。
$(document).ready(function(){
$('#selectbox').on('change', function() {
var select_val = $(this).val();
$.ajax({
url: hoge.php,
type: 'post',
dataType: 'json',
data: {
value: select_val,
},
done: function(data) {
console.log(data); // SELECT結果が反映してほしい
}
});
});
});
ご指南よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
hoge.phpの戻り値が「{"hoge":"fuga"}」のようにちゃんとjsonになっていますか?
データの括りはシングルクォートはNGなのでダブルクォートをつかってください
$(function() {
$('#selectbox').on('change', function() {
var select_val = $(this).val();
$.ajax({
url:"hoge.php",
type:"post",
dataType:"json",
data:{"value":select_val},
success: function(msg){
console.debug(msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log( textStatus);
}
});
});
});
hoge.php
<?PHP
print "{\"test\":\"".$_POST["value"]."\"}";
?>
みたいな感じでエラーがparseerrorになっているようなら
戻り値のjsonデータがおかしいのだと思います
いつも回答ありがとうございます。
サンプルコードに誤りがあり、すいません。
changeイベントでajax通信ができていた事を確認できました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
URLの一部をコピーできるブック...
-
c++プログラム。どこがだめか教...
-
HTTPSのとき":"が"%3A"ではなく...
-
functionから別のfunctionを実...
-
javascriptで自動計算フォーム...
-
日本語入力の禁止
-
関数でy=g(x)のgとは何の略です...
-
google apps scriptの終了のさせ方
-
空の配列に2次元配列の追加
-
第3日曜日のみの日付を取得、...
-
HTML:Tableタグに対し、JavaScr...
-
React hooksが値を返して配列変...
-
javaScript textareaの一行あた...
-
Javascriptで引数の参照渡しか...
-
innerHTML実行後のイベント
-
ActiveXobjectが作成できない
-
リンクボタンからインラインフ...
-
別窓を開いて、ページ下部中央...
-
CDの曲をケータイのSDに移す
-
択一形式のテストをつくりたいです
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Boolean型配列中のTrueの有無を...
-
【正規表現】【javascript】CR...
-
ASP+アクセスでのSQLコメントに...
-
Linux バイナリ実行できない "...
-
Vb.netのグローバル変数の宣言...
-
ボタンをクリックすると数が増...
-
【Jquery】changeイベント毎にa...
-
正規表現で半角数字1桁のみを全...
-
「オブジェクトが必要です。」...
-
HTTPSのとき":"が"%3A"ではなく...
-
onclick指定関数の引数へローカ...
-
同じ型【ハイフンと数字】だけ...
-
Excel VBA の ChangeFileAccess
-
C# .NET DataGridView の行を追...
-
javascriptで文字挿入でtoggle...
-
ifreamをリロードしたい
-
window.onloadでのfunction
-
static constメンバ変数(配列)...
-
MFCのキャプション変更
-
アンカーリンクをクリックさせ...
おすすめ情報