AJAXデータがPHPに渡されない

Question

PHPにAJAXデータを渡す際に問題があります。私はPHPで経験はありますが、JavaScriptは初めてです。

HTML/JavaScriptの

<input type="text" id="commodity_code"><button id="button"> = </button> 

<script id="source" language="javascript" type="text/javascript"> 

$('#button').click(function() 
{ 
    var commodity_code = $('#commodity_code').val(); 

    $.ajax({          
    url: 'get_code.php', 
    data: "commodity_code: commodity_code", 
    dataType: 'json', 
    success:function(data) { 
     var commodity_desc = data[0]; 
     alert(commodity_desc); 
    } 
    }); 
}); 

</script> 

PHP

$commodity_code = $_POST['commodity_code']; 

$result = mysql_query("SELECT description FROM oc_commodity_codes WHERE code = '$commodity_code'"); 
$array = mysql_fetch_row($result); 
echo json_encode($array); 

私は手動での$ commodity_code変数とスクリプトの作品を作成することができますよう、一般的なAJAXフェッチとPHPのコードが動作している知っています良い。私の問題は、PHPスクリプトにAJAXデータを渡す際のどこかにあると思います。

Answer 1

あなたのAJAXコールにmethod: 'POST'を追加するのを忘れました。あなたの電話にはいくつか問題があります。

$.ajax({          
    url: 'get_code.php', 
    method: "POST",       // Change here. 
    data: {commodity_code: commodity_code}, // Change here. 
    dataType: 'json',      
    success:function(data) { 
     var commodity_desc = data[0]; 
     alert(commodity_desc); 
    } 
}); 

それとも簡単にするが、速記の機能を使用します：以下のチェック

$.post('get_code.php', {commodity_code: commodity_code}, function(data) { 
    var commodity_desc = data[0]; 
    alert(commodity_desc); 
}); 

Answer 2

エラーこの行data: "commodity_code: commodity_code",に..あなたがcommodity_code変数の単純なパスをすることができます。..

$.ajax({          
    url: 'get_code.php', 
    method: "POST",       
    data: commodity_code, 
    dataType: 'json',      
    success:function(data) { 
     var commodity_desc = data[0]; 
     alert(commodity_desc); 
    } 
});