Question

我正在尝试使用ajax将表单的值发布到php，我希望在提交表单时保留当前页面。

我尝试了各种方法但不确定下一步该做什么。

当我点击其中一个无线电值时，数据会被提交，但页面会更改为php脚本。

<!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>

Answer 1

$('input[name=newScore]').change(function(){
    var xyz = $(this).val();
    $.post('updatescore.php', {xyz:xyz}, function(data){
       //any operation after submitting data;
    });
});

在updatescore.php文件中使用$ _POST ['xyz']处理xyz。

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

1 个答案: