Question

这是我的第一个使用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）吗？

Answer 1

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

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

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

Answer 2

为什么不使用.serialize()？

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

使用jQuery发送多个变量

2 个答案: