Php 在jQuery AJAX请求中隐藏Post参数

我使用

serialize（）

方法发送表单参数，但问题是发送的参数在地址栏中可见。甚至我也在使用

POST

方法处理AJAX请求

这是我试图提交的表单的HTML代码

<form id="addform" method="post">
  <div class="form-row">
    <div class="form-group col-md-12">
      <label for="inputReminder">Reminder Type</label>
      <select id="inputReminder" class="form-control" name="inputReminder">
        <option value="I">Reminder I</option>
        <option value="II">Reminder II</option>
        <option value="III">Reminder III</option>
        <option value="General">General</option>
      </select>
    </div>
  </div>

  <div class="form-row">
    <div class="form-group col-md-12">
      <label for="inputLetterref">Reminder Reference No.</label>
      <input type="text" class="form-control" id="inputLetterref" name="inputLetterref" placeholder="Reminder Reference No." required>
    </div>
  </div>
  <div class="form-row">
    <div class="form-group col-md-12">
      <label for="inputLetterdate">Reminder Date</label>
      <input type="text" readonly="readonly" class="form-control sel-date" id="inputLetterdate" name="inputLetterdate" placeholder="Reminder Date" required>
    </div>
  </div>

  <div class="form-row">
    <div class="form-group col-md-12">
      <button type="submit" class="btn btn-primary">Add Reminder </button>
    </div>
  </div>

</form>

您可以尝试：

$（“#addform”）.submit（函数（事件）{
event.preventDefault（）；
$.ajax({
键入：“POST”，
url:'submitdetails.php'，
数据：$（this）.serialize（），
完成：函数（数据）{
console.log（数据）
$（'#result'）.html（数据）；
},
失败：功能（数据）{
$（'#result'）.html（数据）；
}
})      
});

提醒类型
提醒我
提醒二
提醒三
一般的
提醒参考编号。
提醒日期
添加提醒
您能在问题中显示HTML标记吗？代码正在成功执行，但传递的参数在地址栏中是可见的，就像我们使用GET方法时一样。将type更改为method。您进行过任何调试吗？您的浏览器开发工具显示了什么？它是真的发布，还是正在执行GET请求？控制台上有错误吗？谢谢，它工作了，但我不知道问题出在哪里。@Vikasdahich噢，自3.0版以来，jQuery将
error（）
替换为
fail（）
。我是这么认为的
$("#addform").submit(function(event) {
  event.preventDefault();
  $.ajax({
    type: 'POST',
    url: 'submitdetails.php',
    data: $(this).serialize()
  }).done(function(data) {

    $('#result').html(data);

  }).error(function(data) {

    $('#result').html(data);

  });
});