javascript - 如何选择 ajax 响应的部分并将它们放入现有的 html 元素中

Question

我正在尝试创建一个页面，在第一个实例中，该页面仅显示一次来自数据库的动态内容，而不使用任何 Ajax。如果用户单击链接，我想运行 Ajax 请求，检索标题、条目日期和数据库中的内容，并替换页面不同部分中的现有内容。我想在不重复 PHP while 循环内的整个页面的情况下执行此操作，因为 Jquery 事件处理程序已用于未刷新的内容。

我的想法是在文档加载时使用值为 0 的 JavaScript 变量，通过 Ajax 发送它并在 PHP 中检查它的值。如果值为 0，我将使用数据库中的最新更新设置标题、日期和内容的值，否则我将根据链接的内容设置它。我想知道 Ajax 是否可以简化我的工作。

我的Javascript代码

var statusOfClick =0;
var url = "post_this.php"; 
$.ajax({  //initial request once the document loads 
    url: url,    
    type: "POST",
    data: "statusOfClick="+statusOfClick,
    cache: false,
    processData: false,
    contentType: false
});     

//change the source once the link is clicked    
$("#blog-list ").on("click", "li", function(){
    var getBlogByName = $(this).text();
    var url = "post_this.php";
    $.ajax({
        url: url,
        type: "POST",
        data: "getBlogByName="+getBlogByName,
        cache: false,
        processData: false,
        contentType: false,
        success: function(){
            /*how do I show parts of this response in different existing 
            html elements?*/
        }
    });
});   

Answer 1

//change the source once the link is clicked    
    $("#blog-list ").on("click", "li", function(){clicked
    var getBlogByName = $(this).text();
    var url = "post_this.php";
     $.ajax({
     url: url,
     type: "POST",
     data: "getBlogByName="+getBlogByName,
     success: function(response){
     var d = $.parseJSON(response);
     $("#title").html(d.title);
     $("#date").val(d.date);
     $("#content").html(d.content);
      }

     });

您可以使用此代码。使用 json_encode 函数对 PHP 文件中的响应进行编码。在 JS 中，您可以使用 $.parseJSON 函数将这些值解析为 JSON 来检索这些值。在各自的 HTML 元素中设置日期、标题和内容的值。这只是一个示例，请根据您的要求进行更改。