Javascript 如何使用ajax和php检测提交的按钮？

我的前端有一个表单，当单击“提交”按钮时，我想将详细信息发送到我的

get emp.php

文件

，而不重新加载页面

代码如下所示：

index.html

<form class="form-emp-details hide" action="">

  <div class="form-group">
    <label for="">First name:</label>
    <input type="text" class="form-control input-emp-firstname" name="input_emp_firstname">
  </div>

  <div class="form-group">
    <label for="">Last name:</label>
    <input type="text" class="form-control input-emp-lastname" name="input_emp_lastname">
  </div>

  <div class="form-group">
    <label></label>
    <button type="submit" class="btn btn-default btn-submit-1" name="submit_emp_details">Save</button>
  </div>

</form>

获取emp.php

if(isset($_POST['submit_emp_details'])) {
  $firstname = $_POST['input_emp_firstname'];
  echo $firstname;
}

我想在

get emp.php

file上显示提交的表单数据，但是我似乎无法检测提交的按钮并在上回显表单数据

我的目标是使用单个请求变量或标识符捕获所有表单数据

$\u POST['submit\u emp\u details']

---

非常感谢您的帮助。感谢您通过以下方式传递firstname和lastname的帖子数据：

$("#MyformId").submit(function(e) {

    e.preventDefault();
    var form = $(this);
    var url = form.attr('action');

    $.ajax({
           type: "POST",
           url: url,
           data: form.serialize(), 
           success: function(data)
           {
              // success..
           }
         });
});

输入\u emp\u firstname

输入\u emp\u lastname

---

因此，您需要将文件get-emp.php上的

$\u POST['submit\u emp\u details']

更改为

$\u POST['input\u emp\u firstname']

<?php
if(isset($_POST['input_emp_firstname'])) {
  $firstname = $_POST['input_emp_firstname'];
  echo $firstname;
}

---

您没有通过

submit\u emp\u details

以使用

$\u POST['submit\u emp\u details']）

获取它，因此您的代码总是返回空的。。使用

if（isset（$\u POST['input\u emp\u firstname'））

@Mohamed Yousef我的目标是只使用一个标识符获取所有表单数据

$\u POST['identifier']

。你知道怎么做吗？看看@Canon你可以使用

数据：$（this）.serialize（），

奇卡在回答中说。。在php上，您需要循环浏览发布的数据

print\r（$\u POST）

Hi。您是否知道如何仅使用

$\u POST['submit\u emp\u details']

捕获所有表单数据？您好，请查看编辑2

<?php
if(isset($_POST['input_emp_firstname'])) {
  $firstname = $_POST['input_emp_firstname'];
  echo $firstname;
}

$.ajax({
  type: "POST",
  url: "get-emp.php",
  cache: false,
  data: {
    submit_emp_details: {
            input_emp_firstname:input_first_name, 
            input_emp_lastname:input_last_name
    }
  },
  success: function(data) {

    console.log(data)

  },
  error: function(xhr,status,error) {
    console.log(error);
  }
});