时间戳

首页 > 解决方案 > 如何在 jquery 中正确附加表？

javascript - 如何在 jquery 中正确附加表？

问题描述

我遇到了一个问题，我使用 jQuery 和<div class="jobEntity" id="bestTable">. 出于某种原因，我不想像那样附加我的表格。有没有办法使用我的 jQuery 代码正确附加表格？谢谢您的帮助。

{request.contextPath} - 只是 localhost:8080/

var cache = {};

$("#searchTextField").autocomplete({
  minLength: 2,
  focus: function(event, ui) {
    event.preventDefault();
  },
  source: function(request, response) {
    var term = request.term;
    if (request.term in cache) {
      response(cache[request.term]);
      return;
    }

    $.ajax({
      url: "#{request.contextPath}/JobSearchItem.xhtml",
      type: "GET",
      data: {
        term: request.term
      },
      dataType: "json",
      success: function(data) {
        response(data);
      }
    });
  },
  select: function select(event, ui) {
    event.preventDefault();
    var url = '#{request.contextPath}/index.xhtml';
    var searchValue = ui.item.value;
    var data = new FormData();
    data.append('searchValue', searchValue);
    $.ajax({
      url: url,
      data: data,
      method: "POST",
      processData: false,
      contentType: false,
      cache: false
    }).done(function(text) {
      $('#results').append($(text).find('#bestTable'));
      $('#results').append($(text).find('#textTable'));
      $('#results').append($(text).find('table'));
      $("#clearone").show();
    });
  },
  response: function response(event, ui, data) {
    if (!ui.content.length) {
      var message = {
        value: "",
        label: "NOTHING HAS BEEN FOUND"
      };
      ui.content.push(message);
    }
  }
});

标签： javascriptjquery

解决方案

那么你可以做这样的事情：

$.ajax({
      url: url,
      data: data,
      method: "POST",
      processData: false,
      contentType: false,
      cache: false
    }).done(function(text) {
      let append = $(text).find('#bestTable').text() + $(text).find('#textTable').text() + $(text).find('table').text();
      $('#results').append(append);
      $("#clearone").show();
    });

作为一个想法，首先准备附加内容，然后立即附加。

推荐阅读