【Jquery】changeイベント毎にajaxを実行したい。

セレクトボックスで選択された(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 ベストアンサー 回答者： yambejp 回答日時： 2016/03/10 20:38

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通信ができていた事を確認できました。
ありがとうございました。

お礼日時：2016/03/11 09:44