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"];
}

现在，我想扩展此脚本，以将一个名为$element的附加php变量发送到服务器端脚本（itemscript.php）。 $element变量是当前URL地址的一部分。

如何在此jquery / ajax脚本中发送附加的$element变量？

Answer 1

只需将其他数据项添加到data {}部分（以逗号分隔）即可。

假设您的$ element数据位于输入框内，则

HTML

<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脚本

jQuery / Ajax：将其他php变量发送到服务器端脚本

1 个答案: