Jquery/ Ajax：将附加 php 变量发送到服务器端脚本

Question

我有这个选择框。所选选项通过 ajax 发送到服务器端脚本。<select id="main_select">    <option selected="selected" value="50">50</option>       <option value="100">100</option>       <option value="150">150</option></select>jquery脚本$(document).ready(function() {$('#main_select').change(function() {$.ajax({  url: "itemscript.php",  type: "post",  data: {    option: $(this).val()  },  success: function(data) {    $("#details").html(data);  } }); }).change();});在服务器端脚本（itemscript.php）中，我从选择框中获取变量，如下所示：if(isset($_POST["option"])){    $itemlevel = $_POST["option"];}现在我想扩展这个脚本以发送一个额外的 php 变量，该变量被调用$element到服务器端脚本 (itemscript.php)。该$element变量是当前 url 地址的一部分。如何$element在该 jquery/ajax 脚本中发送附加变量？

Answer 1

只需将其他数据项添加到 data{} 部分，并用逗号分隔。

假设您的 $element 数据位于输入框中，那么

超文本标记语言

<input id="element">

<br>

<select id="main_select">

    <option selected="selected" value="50">50</option>

       <option value="100">100</option>

       <option value="150">150</option>

</select>

$(document).ready(function() {

$('#main_select').change(function() {

$.ajax({

  url: "itemscript.php",

 method: "POST",

  data: {

    option: $(this).val(),

    element: document.getElementById("element").value

  },

  .success: function(data) {

    $("#details").html(data);

  }

 });

 }).change();

});

在上面，$_POST["element"] 将被传递到你的 php 脚本