ajax - 模态表单不提交用户输入

Question

我有一个模态表单，允许用户向 PHP 网页上的表格添加新行，然后刷新页面。但是模态形式不起作用。

Answer 1

从评论中我看到你有错误

Uncaught ReferenceError: $ is not defined

是因为缺少jQuery，在</head>之前加上这一行

<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>

现在您可以使用 Ajax 提交表单，但您的脚本无效

$.post(ajax_url, data_obj, function(data) {
  var d1 = JSON.parse(data);
  location.href = location.href;  <-- here

不管有没有都会刷新页面success或 error和这里的固定代码

var ajax_url = "<?php echo APPURL;?>/ajax.php";

$(document).on('click', '.submitBtn', function(event) {

  var datamapname = $('#inputName').val();
  var description = $('#inputDescription').val();

  var data_obj = {
    call_type: 'new_row_entry_vdm',
    datamapname: datamapname,
    description: description
  };

  $.post(ajax_url, data_obj, function(data) {
    var d1 = JSON.parse(data);
    if (d1.status == "success") {
      // its good reload the page
      location.href = location.href;
    }
    else {
      // its error, reset the input?
      $('#inputName').val('')
      $('#inputDescription').val('')
      $('.statusMsg').html('<span style="color:red;">Some problem occurred, please try again.</span>');
    }
  })
})