使用 jQuery 发送多个变量答案

【问题标题】：send multiple variables with jQuery使用 jQuery 发送多个变量
【发布时间】：2014-10-09 15:53:26
【问题描述】：

这是我第一次使用 jQuery 编写代码，请多多包涵。下面的代码是表格的一部分，其中每一行都显示：一个重新加载按钮 (Reload.gif) 和两个组合框（cmb1 和 cmb2）。这是仅一行的编辑代码：

<table>
<form name="myformname" form action="Handler.php" method="post">
   <tr>
      <td>
          <input type="hidden" name="MyQuestion" value="0">
          <input type="image" src="Reload.gif" border="0"/>
      </td>
      <td>
          <select name="cmb1"><option>One</option><option>Two</option></select>
      </td>
      <td>
          <select name="cmb2"><option>A1</option><option>A2</option></select>
      </td>
   </tr>
</form>
</table>

变量 MyQuestion、cmb1 和 cmb2（用户选择）被传递给 Handler.php（因为它们都采用相同的形式），在数据库中搜索数据并使用新数据重新加载页面。 一切正常。

但现在我想更改逻辑，因为我不想重新加载整个页面，而只想重新加载被点击的行。我尝试使用类似这样的 jQuery（OnClick 添加到 Reload.gif！）：

<table>
   <tr>
      <td>
          <input type="hidden" name="MyQuestion" value="0">
          <input type="image" onclick="recp('0')" src="Reload.gif" border="0" name="MyQuestion" value="0"/>
      </td>
      <td>
          <select name="cmb1"><option>One</option><option>Two</option></select>
      </td>
      <td>
          <select name="cmb2"><option>A1</option><option>A2</option></select>
      </td>
   </tr>
</table>

我在标题中添加了这段代码（我取自here）

function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}

我得到了一些关于 id 的结果，但这是我的问题：在

load('data.php?id=' + id)

，我可以发送多个变量（id、cmb1 和 cmb2）吗？

【问题讨论】：

load('data.php?id=' + id + '&cmb1=' + cmb1 + '&cmb2=' + cmb2)
也可以发送对象：api.jquery.com/load/#example-3
我会试试的。非常感谢！

标签： javascript php jquery

【解决方案1】：

为什么不使用.serialize()？

$("#myStyle").load('data.php?' + $("form[name=myformname]").serialize());

【讨论】：

【解决方案2】：

要发送多个变量，您可以使用例如，

load('data.php?id=' + id + '&var1=' + var1 + '&var2=' + var2)

有关更多示例和其他方法，请查看load() function 的 jQuery 手册。

【讨论】：