使用ajax将javascript变量传递给php脚本

Question

我的 index.php 文件中有以下按钮。

<form action="update.php" method="post" >
<button onclick="myFunction()">Update</button>
</form>

我有以下 JavaScript 函数。

<script type="text/javascript">
function myFunction()
{
$.ajax({
        type: 'post',
        url: 'update.php',
        data: {
            source1: "some text",
        },
        success: function( data ) {
            console.log( data );
        }
    });
}
</script>

我使用上面的 javascript 函数将 javascript 变量发送到 php 服务器端脚本文件 (update.php)。我正在访问 update.php 中的变量，如下所示。

$src1= $_POST['source1'];
echo $src1;

但是，我无法在 update.php 文件的输出中看到该变量。做错了什么？

Answer 1

尝试在表单的 submit 事件上执行此操作并取消默认行为。首先设置提交表单的按钮类型:

<form action="update.php" method="post" >
  <button type="submit">Update</button>
</form>

然后在 JavaScript 中添加事件:

$('form').submit(function(e) {
  e.preventDefault();
  // code here
});