AJAX数据没有传递给PHP

Question

I am having trouble passing AJAX data to PHP. I am experienced with PHP but new to 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);

I know the general AJAX fetch and PHP code is working as I can manually create the $commodity_code variable and the script works fine. I think my issue lies somewhere in passing the AJAX data to my PHP script.

Answer 1

You forgot to add the method: 'POST' in your AJAX Call. And you have some issues with your call. Check below:

$.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);
  }  
});

Or to make it simple, use the shorthand function:

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