javascript - 使用 Javascript 和 PHP 将数据表单传输到 mysql

Question

我有一个表单，其中包含有关用户的多个不同信息:

<form action="" method="post">
<input type="text" id="input-name" placeholder="Name" name="nameD">
<input type="text" id="input-surname" placeholder="Surname" name="surname">
<input type="text" id="input-name" placeholder="City" name="city">
<input type="text" id="input-name" placeholder="Address" name="address">
<input type="text" id="input-name" placeholder="Zip Code" name="zipcode">
<input type="text" id="input-name" placeholder="State" name="stateR">
<input type="text" id="input-name" placeholder="VAT" name="vat">
<input type="text" id="input-name" placeholder="Fiscal Code" name="fiscalcode">
<input type="email" id="input-email" placeholder="Email address" name="email">
<input type="text" id="input-name" placeholder="Bank Account" name="bankaccount">
<input type="text" id="input-name" placeholder="Bank Name" name="bankname">
<input type="text" id="input-name" placeholder="Phone" name="phone">
<input type="submit" class="btn btn-primary" onclick="doCreate_User()" value="Create">

通过单击创建按钮，我调用了 Javascript 函数“doCreate_User()”。

 function doCreate_User(){
  //Actually empty
 }

现在，我有一个 PHP 函数:

 function create_user($name,$surname,...ect){
 //here using INsert into TableX() Values();
} 

用于在 mysql 表中插入从表单输入中获取的变量。

这可能是一个合适的Javascript函数，能够将表单中的所有数据(在HTML中，给定由onclick触发的事件)传递到PHP函数 创建用户？

提前致谢

Answer 1

请按照以下步骤使其正常工作:

1. 创建一个新页面并将其命名为 user.php(或任何您想要的名称)

2. 将以下代码粘贴到user.php页面

    <?php
   
      function getInputValue($inputName){
   
       if(isset($_POST[$inputName])){
           return $_POST[$inputName];
       }
   
       return null;
     }
   
   $name = getInputValue("nameD");
   $surname  = getInputValue("surname");
   $city  = getInputValue("city");
   .
   .
   .
   $phone = getInputValue("phone");
   
   function createUser($name,$surname,...){
    //insert your values into the mysql table
   }
   
   
   ?>
   

3. 在 create_user 函数中添加以下代码

    function create_user() {
      var userData = $('userForm').serialize();
   
   var request = {
     "method" : "POST",
     "url" : "user.php",
     "data" : userData,
    };
   
    $.ajax(request)
     .success(handleSuccess);
    }
   
   
    function handleSuccess(response){
       console.log("success");
     }
   
   
    </script>