在javascript中，如何使用post方法将数据发送到php文件

在javascript中，我想知道如何使用post方法将数据发送到php文件。 我试过不同的方法。但是我没有得到任何输出，所以请帮助我。 我的代码如下所示

index.php

<form method="post" name="form" enctype="multipart/form-data">
    <input type="text" name="name" id="name" placeholder="Name" required/>
    <input type="email" name="email" id="email" placeholder="Email" required/>
    <input type="password" name="pass" id="pass" placeholder="Password" required/>
    <input type="submit" name="submit" value="Send" onclick="myFunction()"/>
</form>

<script>
    function myFunction() {
        var name = document.getElementById("name").value;
        var email = document.getElementById("email").value;
        var password = document.getElementById("password").value;
        ////  I want post the values to profile.php
    }
</script>

if (isset($_POST['submit'])) {
    $name = $_POST['name']; 
}

---

做这样的事。在profile.php文件上发送ajax请求

在profile.php上文件打印（$\u请求）您将获得所有表单索引

$（文档）.ready（函数（）{
$（“表格”）。在“提交”上，功能（事件）{
$.ajax({
键入：“POST”，
url:'profile.php'，
数据：$（this）.serialize（），
成功：功能（数据）{
//成功代码
}
});
});
});
像这样做，并像这样传递您的值，您可以在profile.php页面中进行检查……在这里，您不能检查
if（isset（$\u POST['submit'））
，但您可以检查
if（isset（$\u POST['name'））


函数myFunction（）{
var name=document.getElementById（“name”）.value；
var email=document.getElementById（“email”）.value；
var password=document.getElementById（“密码”）.value；
$.ajax({
类型：“POST”，//方法的类型
url:“profile.php”//您的页面
数据：{name:name，email:email，password:password}，//传递值
成功：功能（res）{
//在这里做你想做的。。。
}
});
}
首先我要说的是，您可以通过ajax（无需重新加载页面）或直接发布（重新加载页面）发布数据。由于您的问题没有标记jquery，因此我将离开ajax。
下面是发布表单数据的示例，我的意思是重新加载当前页面并将表单数据发布到
profile.php
因此，您的
enctype
将是
enctype=“multipart/mixed”
而不是
enctype=“multipart/form data”
，因为您不想在表单中发送任何文件输入



函数myFunction（）{
//您不需要通过`document.getElementById（）``获取数据。只需提交表单即可
//var name=document.getElementById（“name”）.value；
//var email=document.getElementById（“email”）.value；
//var password=document.getElementById（“密码”）.value；
document.getElementById（“您的表单id”）.submit（）；
}
对php文件使用ajax调用post方法！关于这个主题有很多教程，你是第一次尝试在谷歌或其他搜索引擎中搜索你的问题吗？你忘记了表单中的动作参数。另外，可以附加
onClick
功能以提交返回
true
，也可以将其完全删除。在您的情况下，最好删除onclick事件和JS代码，它应该自动允许POST到您的PHP页面？只需将action属性添加到表单标记
    <form method="post" name="form" enctype="multipart/form-data">
    <input type="text" name="name" id="name" placeholder="Name" required/>
    <input type="email" name="email" id="email" placeholder="Email" required/>
    <input type="password" name="pass" id="pass" placeholder="Password" required/>
    <input type="submit" name="submit" value="Send" onclick="myFunction()"/>
    </form>
    
  <script>
    function myFunction() {
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var password = document.getElementById("password").value;
    $.ajax({
            type : "POST",  //type of method
            url  : "profile.php",  //your page
            data : { name : name, email : email, password : password },// passing the values
            success: function(res){  
                                    //do what you want here...
                    }
        });
    }
    </script>