javascript变量到php脚本使用ajax

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 
}); 

Answer 2

你试过.done方法，而不是它应该被弃用success参数。

$.ajax({ 
    type: 'post', 
    url: 'update.php', 
    data: { 
     source1: "some text", 
    }, 

}).done(function(data) { 
     console.log(data); 
});