dsgfdgh14569 2014-11-30 18:11
浏览 52
已采纳

使用ajax将表单的值发布到php

I am trying to post the value of a form to php using ajax, I would like to stay on the current page when the form is submitted.

I have tried various methods but am unsure what to do next.

Curently when i click one of the radio values the data gets submitted but the page changes to the php script.

<!doctype html>
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'>
</script>

<meta charset="utf-8">
<title>TEST</title>
</head>
<body>

 <h1>Scores Page</h1>

  <form action="updatescore.php" method="post"> 

<form>
    <input type="radio" name="newScore" value="1" >1
    <br>
    <input type="radio" name="newScore" value="2" >2
    <br>
    <input type="radio" name="newScore" value="3" >3
    <br>
    <input type="radio" name="newScore" value="4" >4
    <br>
    <input type="radio" name="newScore" value="5" >5
    <br>
</form>

</body>

<script type='text/javascript'>

 $(document).ready(function() { 
   $('input[name=newScore]').change(function(){
        $('form').submit();
   });
  });

</script>

</html>
  • 写回答

1条回答 默认 最新

  • duanquan4451 2014-11-30 18:16
    关注
    $('input[name=newScore]').change(function(){
    var xyz = $(this).val();
    $.post('updatescore.php', {xyz:xyz}, function(data){
       //any operation after submitting data;
    });
});

    Handle xyz using $_POST['xyz'] in updatescore.php file.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 下图接收小电路，谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度
  • ¥30 关于#r语言#的问题：如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是，这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探