如何选择Ajax响应的一部分并将其放入现有的html元素中 - javascript

我正在尝试创建一个页面,该页面在第一个实例中仅一次显示来自DB的动态内容,而没有任何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?*/
        }
    });
});   

参考方案

//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元素中设置日期,标题和内容的值。这只是一个示例,请根据您的要求进行更改。

PHP Javascript更改浏览器后退按钮行为Laravel - javascript

我知道有各种各样的线程要求几乎相同的要求,但似乎没有一个真正满足我的需求。在我的网站上,我实现了搜索表单。一个简单的表单,其中包含一个名为searchQuery的输入字段和一个提交按钮。表单通过POST方法发送。我正在使用Laravel btw。。然后将搜索结果从控制器加载到视图中。这些在表中显示。现在来了有趣的部分:找到的元素是可单击的,并且您进入有关该元…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…

和字符中断通过PHP接收JSON - javascript

我有一个包含更多对象的数组。如果一个对象包含&字符,则php不会接收&之后的每个对象。可能是什么问题?这就是阿贾克斯xmlhttp.open("POST", "get.php"); xmlhttp.setRequestHeader("Content-Type", "application/…

javascript popupwindow之后的行如何工作? - javascript

好的,我有一个来自后面代码的方法,可以创建一个popupwindow。然后有一行代码要在那之后执行,我想知道那行代码何时执行,是在使用popupwindow之后执行还是在创建popupwindow之后执行?例如:void exPopupWindowMethod() { string scr = "window.open('exampleP…

PHP json_encode数组到javascript关联数组 - javascript

我有一些从PHP中读取的mysqli列。它正在完美地获取和回显。$results = mysqli_fetch_assoc(mysqli_query($conn, $querystring)); echo json_encode($results); //$results = {"title":"Sea Shells"…