location.href 显示整个页面

Question

我正在将数据插入数据库并在页面上显示数据而不刷新页面。

我尝试了$("#e-empListwrap").load(location.href + "#e-empListwrap");，但它在我的页面上显示了整个页面。

$("form[name='emp']").validate({
  rules: {
    //rules
  },

  submitHandler: function(form) {

    var form = $('form[name="emp"]').get(0);

    var formData = new FormData(form);
    $.ajax({
      url: baseUrl + "/controller/emp_control.php",
      type: "POST",
      dataType: 'json',
      data: formData,
      contentType: false,
      cache: false,
      processData: false,

      success: function(data) {
        $('form[name="emp"]')[0].reset();
        $('#modal-addemp').modal().hide();
        $("#e-empListwrap").load(location.href + "#e-empListwrap");

      },
    }); // AJAX Get Jquery statment

  }
});

HTML

 <div class="e-empListwrap mt-4" id="e-empListwrap"><ul></ul></div>
 // The below is the script when refersh the page then it will call the ajax and get the the and display on the page.
<script>
fetchEMPsaved_data();
function fetchEMPsaved_data(){
   $.ajax({
        url:'controller/developer_control.php',
        type: "post",
        dataType: "json", 
        data: { action: "fetchEMPsaved_data"},
        success: function(data) {
         $("#e-empListwrap ul").append(data);
        }
    });
  }
</script>

Answer 1

您在 url 之后，在 url 和 CSS 目标之间缺少一个空格：

 $("#e-empListwrap").load(location.href + " #e-empListwrap");

否则 jquery 将其作为 url 的锚点处理，而不是作为元素 ID。您正在加载 url.html#element，但要 grep 元素/css 目标，而不是整个页面，语法应为 url.html #elementOrTarget，中间有空格。