Передача переменной для ajax в PHP

Question

<select type="category" id="x1">
  <option value="country">Country</option>
  <option value="city">City</option>
</select>

<script type="text/javascript">
 $(document).ready(function(){
 $('#x1').on('change',function(){
 var x1 = $(this).val();

  if(x1){
   $.ajax({
      type: 'POST',
      url: 'ajaxData.php',
      data: {'x1'},
      success: function(data){
      console.log("success");
      }
    }); 
   }
  });
});

//script.php
<?php
  $var1 = $_POST['x1'];
  print_r ($var1);
?>

Я пытаюсь получить значение из select (либо страны, либо города) и перейти к «script.php». Новичок, так что извините за любые глупые ошибки.

Answer 1

Параметр

data должен быть объектом key:value, поэтому:

$.ajax({
  type: 'POST',
  url: 'ajaxData.php',
  data: {x1: x1},  // here first x1 is a key name, second x1 is selected value
  success: function(data){
  console.log("success");
  }
});