jquery和php不在两个页面之间传递数据

Question

我在 php 中有两个页面，我需要将 radioButton 选择的值传递到另一个页面，但它不起作用。 发送数据的页面的jquery代码是：

   $(document).ready(function(){ 
  $("#continue").click(function(){
var val = $("input[@name='opt']:checked").val();
        $.ajax({
            type: 'GET',
        url:'editor.php',
            data:'radio=' + val,
            dataTyoe:'html',
            succes: alert(val)
        });
    }); 
});

进入php页面的html代码是：

    <input type="radio" id="opt" name="opt" value="opt1" checked="checked">Opt 1<br/>
    <input type="radio" id="opt" name="opt" value="opt2"/>opt2<br />
    <input type="radio" id="opt" name="opt" value="opt3"/>opt3<br />

    <a href="editor.php" id="continue">Guardar continuar</a><br/>

接收数据的页面的代码如下。

<?php
$valor = $_REQUEST['radio'];
echo $valor

？>

谢谢

Answer 1

有一些拼写错误，需要更正。尝试以下代码；

$(document).ready(function(){

$("#continue").click(function(){
var val1 = $("input[name='opt']:checked").val();
    $.ajax({
        type: 'GET',
        url:'editor.php',
        data:'radio=' + val1,
        success: function(){
            alert(val1);
        }
    });
}); 

});

Answer 2

你拼错了 succes: 应该是 success:

Answer 3

您可能会遇到一些错误：尝试将 dataTyoe:'html' 替换为 dataType:'html'，还有 $("input[@name='opt'] :checked") by $("input[@name=opt]:checked")...以及成功回调...

它看起来像：

var val = $("input[@name=opt]:checked").val();
 $.ajax({
      type: "GET",
      url: "editor.php",
      data:'radio='+val,
      dataType: "html",
      async:false,
      success: function(){
         alert(val);
      }
   }
);

你也可以删除html 中的链接：

  <a href="#" id="continue">Guardar continuar</a><br/>