2015-03-03 122 views
1

我有这个问题,表单刷新提交,我不想刷新,但我希望它提交。你们谁知道我能做什么?从提交刷新停止窗体

点击这里link到一个较旧的帖子关于此。

<form method="post" id="radioForm"> 

<? 
foreach($result as $radio): 

    printf(' 

     <button type="submit" 
      href="#radio" 
      name="submitRadio" 
      value="'.$radio['id'].'"> 
      Go! 
     </button> 

    '); 
endforeach; 
?> 

</form> 
<script type="text/javascript"> 
    $('#radioForm').submit(function(event) { 
     event.preventDefault(); 
    $.ajax({ 
     url:'index.php', 
     data:{submitRadio:[radiovalue]}, 
     type:'POST', 
     success:function(response) { 
      /* write your code for what happens when the form submit */ 
     }); 
    }); 
</script> 
</div> 
+0

使用ajax表单提交。 – Vegeta 2015-03-03 13:18:31

+0

我不熟悉ajax或Js,所以如果你可以帮我解决这个问题,那就太棒了 – 2015-03-03 13:19:19

+0

你想提交什么? – RST 2015-03-03 13:22:35

回答

0

使用了Ajax这样的jQuery

$('form').submit(function(event) { 
event.preventDefault(); 
$.ajax({ 
    url:'index.php', 
    data:{submitRadio:[radiovalue]}, 
    type:'POST', 
    success:function(response) { 
     /* write your code for what happens when the form submit */ 
    } 
    }); 
}); 
+0

尝试过它没有运气,再次检查我的帖子,更新它 – 2015-03-03 13:43:59

+0

窗体名称应该是'窗体'作为您的问题 – Iftikhar 2015-03-03 13:48:58

+0

对不起,我给了我的窗体ID radioForm – 2015-03-03 13:49:55

0

使用提交()处理程序和您的按钮的值传递到其他脚本

首先设置ID的形式。

<form method="post" id="formId"> 

然后绑定一个监听

要使用这个,你需要jQuery的。

你可以阅读更多关于这个处理程序在这里:http://api.jquery.com/submit/

0

这是一个HTML <form>上提交的默认行为,它使浏览器POST数据在action属性指定的目标位置,并加载结果处理给用户。

如果要在不重新加载页面的情况下提交表单和POST后面的值,则必须禁用默认行为(表单提交)并使用AJAX。这种功能很容易在各种JavaScript库中使用,例如通常称为jQuery的JavaScript库。

这里是jQuery的AJAX功能的文档http://api.jquery.com/jquery.ajax/

有很多的教程上可以给你介绍的基本使用jQuery(包括库到您的HTML网页)的interwebs以及如何提交通过AJAX形式。

您将需要创建一个PHP文件,该文件可以获取作为AJAX请求结果发布的值(例如将值提交给数据库)。该文件需要返回可在代码中拾取的值,以便知道请求是否成功。通常返回的值格式为JSON

这个答案中有很多关键词可以引导你前往AJAX发现。我希望这有帮助!