Question

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

我有以下代码：

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

Answer 1

使用驻留在表单中的隐藏元素并为其赋值。

<强> HTML

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

<强> JQUERY

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

Answer 2

您可以使用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>

Answer 3

点击提交按钮后，我需要将它们发送到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
   }

当使用提交按钮

3 个答案: