当使用提交按钮提交表单时，如何在php中将javascript变量发送到另一个页面

我有两个变量，col1和col2，在JavaScript中，我需要在单击submit按钮时将它们发送到PHP页面

我有以下代码：

<script>
$("input:radio").change(function(){
  if($(this).is(":checked")){
    var col1 = $(this).parent().parent().children("td:first");
    var col2 = col1.next();
  }
})
</script>

$（“输入：收音机”）.change（函数（）{
如果（$（this）.is（“：checked”））{
var col1=$（this.parent（）.parent（）.children（“td:first”）；
var col2=col1.next（）；
}
})

使用驻留在表单中的隐藏元素并将值赋给表单

HTML

<form>
    <!--other code-->
    <input type="hidden" id="col1" name="col1">
    <input type="hidden" id="col2" name="col2">
</form>

---

您可以使用

XMLHTTPRequest

将数据处理到

PHP

 <script>
$("input:radio").change(function(){
  if($(this).is(":checked")){
    var col1 = $(this).parent().parent().children("td:first");
    var col2 = col1.next();

   $.ajax({
       url: "phpfile.php",
       data: {"col1":col1,"col2":col2},
       success:function(data){
          console.log(data);
       }
   });
  }
});
</script>

$（“输入：收音机”）.change（函数（）{
如果（$（this）.is（“：checked”））{
var col1=$（this.parent（）.parent（）.children（“td:first”）；
var col2=col1.next（）；
$.ajax({
url:“phpfile.php”，
数据：{“col1”：col1，“col2”：col2}，
成功：功能（数据）{
控制台日志（数据）；
}
});
}
});

我需要在单击提交按钮时将它们发送到PHP页面

所以我可以假设有一个页面刷新（除非您使用的是

event.preventDefault（）

），所以隐藏字段值也会被删除

因此，您可以使用本地存储并保存值，然后在新页面上再次检索并使用这些值

$("input:radio").change(function(){
    var col1 = '', col2 = '';
    if($(this).is(":checked")){
        col1= $(this).parent().parent().children("td:first");
        col2 = col1.next(); 

     // Storing in local storage
      localStorage.setItem("col1", col1);
      localStorage.setItem("col2", col2); 

     // retrieve on next page 
     localStorage.getItem("col1");    // col1
   }

---

如果您希望JavaScript访问它们，您可以将它们保存在中，也可以通过URL传递。您可以在link和ajax call中附加这些值。您可以将它们分配给一些隐藏的输入并提交表单。@Script47我无法获取您的问题！将其置于if条件之外，如编辑的答案

$("input:radio").change(function(){
    var col1 = '', col2 = '';
    if($(this).is(":checked")){
        col1= $(this).parent().parent().children("td:first");
        col2 = col1.next(); 

     // Storing in local storage
      localStorage.setItem("col1", col1);
      localStorage.setItem("col2", col2); 

     // retrieve on next page 
     localStorage.getItem("col1");    // col1
   }