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">&nbsp; &nbsp; <option selected="selected" value="50">50</option>&nbsp; &nbsp; &nbsp; &nbsp;<option value="100">100</option>&nbsp; &nbsp; &nbsp; &nbsp;<option value="150">150</option></select>$(document).ready(function() {$('#main_select').change(function() {$.ajax({&nbsp; url: "itemscript.php",&nbsp;method: "POST",&nbsp; data: {&nbsp; &nbsp; option: $(this).val(),&nbsp; &nbsp; element: document.getElementById("element").value&nbsp; },&nbsp; .success: function(data) {&nbsp; &nbsp; $("#details").html(data);&nbsp; }&nbsp;});&nbsp;}).change();});在上面，$_POST["element"] 将被传递到你的 php 脚本