php - 使用 jQuery 解析 Ajax 响应
问题描述
- 我有一个 php 函数,它为当前月份生成日历,并带有下个月和上个月的按钮。
- 我还有一个 js 文件,它监控点击事件并生成下个月或上个月的日历。
- 我正在使用 ajax 函数从 php 函数(如步骤 1 中定义)中获取日历数据。
单击按钮时,我会在控制台日志中观察所有上/下个月的日历数据,但不知道如何解析数据以使用最新的日历数据更新当前页面。
我的js代码
jQuery(document).ready(function(){
jQuery('#prev_button_id').click(function(){
jQuery.ajax({
url: frontend_object.plugin_url_info + '/includes/previous_month.php',
success: (response)=>{
console.log(response);
},
error:(response)=>{
console.log("prev month not loaded");
}
});
});
});
我的上个月日历的控制台输出
<table class='calendar'>
<div class = 'month_block'
><input id='prev_button_id' class='prev_button' type='button' value = '‹ Previous'/>
<div class = 'month'>April 2020</div>
<a class='next_button' href='TBD'>Next ›</a>
</div><tr><th class='header'>S</th><th class='header'>M</th><th class='header'>T</th><th class='header'>W</th><th class='header'>T</th><th class='header'>F</th><th class='header'>S</th></tr><tr><td colspan='3'> </td><td class='day' rel='2020-04-01'>1</td><td class='day' rel='2020-04-02'>2</td><td class='day' rel='2020-04-03'>3</td><td class='day' rel='2020-04-04'>4</td></tr><tr><td class='day' rel='2020-04-05'>5</td><td class='day' rel='2020-04-06'>6</td><td class='day' rel='2020-04-07'>7</td><td class='day' rel='2020-04-08'>8</td><td class='day' rel='2020-04-09'>9</td><td class='day' rel='2020-04-10'>10</td><td class='day' rel='2020-04-11'>11</td></tr><tr><td class='day' rel='2020-04-12'>12</td><td class='day' rel='2020-04-13'>13</td><td class='day' rel='2020-04-14'>14</td><td class='day' rel='2020-04-15'>15</td><td class='day' rel='2020-04-16'>16</td><td class='day' rel='2020-04-17'>17</td><td class='day' rel='2020-04-18'>18</td></tr><tr><td class='day' rel='2020-04-19'>19</td><td class='day' rel='2020-04-20'>20</td><td class='day' rel='2020-04-21'>21</td><td class='day' rel='2020-04-22'>22</td><td class='day' rel='2020-04-23'>23</td><td class='day' rel='2020-04-24'>24</td><td class='day' rel='2020-04-25'>25</td></tr><tr><td class='day' rel='2020-04-26'>26</td><td class='day' rel='2020-04-27'>27</td><td class='day' rel='2020-04-28'>28</td><td class='day' rel='2020-04-29'>29</td><td class='day' rel='2020-04-30'>30</td><td colspan='2'> </td></tr></table>
解决方案
假设您想用.calendar
AJAX 调用返回的新 HTML 替换当前:
success: (response) => {
$('.calendar').replaceWith( response );
}
推荐阅读
- python-3.x - 如何从 DB 烧瓶中获取列表
- javascript - 从反应函数返回 HTML
- django - django 开发人员如何判断哪个代码更好用
- javascript - Reactjs 中的高级设计问题:在发送到后端之前在组件之间传递上传文件数据
- php - 尝试比较数据库和 php 文件中的值
- javascript - 在另一个 td 孩子的表中查找 td
- excel - 如果单元格值 = Peter 则停止并重新开始串联
- python - 检查示例数据中的空列?
- java - 获取图像在轮播中的位置并设置文本
- twitter-bootstrap-3 - 如何使用 bootstrap-3 水平对齐文本框和按钮?