区块链技术博客
www.b2bchain.cn

如何选择Ajax响应的一部分并将其放入现有的html元素中 – javascript程序员分享

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

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

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

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

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

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

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 如何选择Ajax响应的一部分并将其放入现有的html元素中 – javascript程序员分享
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们