将值从Ajax调用传递给PHP

Question

$.ajax({
 url: 'test.php',
 type: "POST",
 data: registerForm.serialize(), region: $("#regio option:selected").text(),
 success: function(data) {
 console.log(data)
 }
});

现在我用它通过registerForm.serialize()获取所有数据，我可以使用$_POST['the_name'];在test.php中调用它们$_POST['the_name'];

现在，每当我在test.php中echo $_POST['region']时，我都需要传递给test.php $("#regio option:selected").text() ，它看不到区域属性，即时消息在ajax内部发送来测试.php。

我如何将$("#regio option:selected").text()传递给test.php并在test.php中调用它。

Answer 1

您可以在其中添加另一个查询字符串：

data: registerForm.serialize() + '&region=' + $("#regio option:selected").text(),

然后，将其视为PHP中的普通发布值

$region = $_POST['region'];

Answer 2

让我们重新缩进代码：

$.ajax({
   url: 'test.php',
   type: "POST",
   data: registerForm.serialize(), 
   region: $("#regio option:selected").text(),
   success: function(data) {
      console.log(data)
   }
});

上面的代码在对象上定义了一个region属性，该属性已传递给$.ajax() 。 region属性不属于data属性，实际上您的data属性甚至都不是对象。 另一个答案表明，您可以使用字符串串联添加另一个查询参数，或者使用serializeArray方法并将对象推入返回的数组中：

// returns an array of objects with `name` and `value` properties 
var postData = registerForm.serializeArray();
postData.push({
   name: 'region',
   value: $("#regio option:selected").text()
});

$.ajax({
   url: 'test.php',
   type: "POST",
   data: postData, 
   success: function(responseData) {
      console.log(responseData);
   }
});