Javascript 显示来自Ajax响应的数据

我试图在一个div中显示我的ajax响应，但我不知道如何做到这一点

我的代码如下：

<div class="divright">
   Div Content
</div>


< script >
  $(document).on("click", '.tribe-mini-calendar-day-link', function() {
    var date = $(this).data('day');
    $.ajax({

      type: "POST",
      url: TribeMiniCalendar.ajaxurl,
      data: {
        action: 'event_details',
        date: date
      },
      success: function(response) {
        console.log(response)
      },
      error: function(request, error) {
        alert("FOUT:" + error);
      }
    })
  })
</script>

`{status: true, html: "<p><strong>Pratice: </strong> 2017-09-23 till 2017-09-24</p>"}`

---

现在我的问题是，假设您以正确的方式解析

响应

，如何在AJAX请求的

divright

部分中显示该代码

var data = response.html;
if(data !== undefined)
    $(".divright").html(data);
else
    $(".divright").html("Error!");

---

在AJAX请求的

success

部分，假设您正在以正确的方式解析

response

var data = response.html;
if(data !== undefined)
    $(".divright").html(data);
else
    $(".divright").html("Error!");

---

您的成功功能应该是：

success: function (response) {
   if(response !== undefined && response.html !== undefined) {
      $(".divright").html(response.html);
   }
},

---

您的成功功能应该是：

success: function (response) {
   if(response !== undefined && response.html !== undefined) {
      $(".divright").html(response.html);
   }
},

---

在success函数中，您需要将html附加到div中

if(response !== undefined && response.html !== undefined){
    $( ".divright" ).html(response.html);
}
else{
    $( ".divright" ).html("<div>Some Error Encountered</div>");
}

if（response！==未定义&&response.html！==未定义）{
$（“.divright”）.html（response.html）；
}
否则{
$（“.divright”）.html（“遇到一些错误”）；
}

在success函数中，您需要将html附加到div中。使用jquery作为

if(response !== undefined && response.html !== undefined){
    $( ".divright" ).html(response.html);
}
else{
    $( ".divright" ).html("<div>Some Error Encountered</div>");
}

if（response！==未定义&&response.html！==未定义）{
$（“.divright”）.html（response.html）；
}
否则{
$（“.divright”）.html（“遇到一些错误”）；
}

您应该使用Jquery.html响应来更新div标记中的数据。 例如

$（“#您的_DIV_ID”）.html（数据）

这是您的完整代码。
`

Div内容
$（document）.on（“单击“，”.tribe迷你日历日链接”，函数（）{
变量日期=$（this.data（'day'）；
$.ajax({
类型：“POST”，
url:TribeMiniCalendar.ajaxurl，
数据：{
操作：“事件详细信息”，
日期：日期
},
成功：功能（响应）{
$（“#我的分区ID”）.html（回复）；
console.log（响应）
},
错误：函数（请求、错误）{
警报（“FOUT:+错误）；
}
})
})

`
您应该使用Jquery.html响应来更新div标记中的数据。
例如
$（“#您的_DIV_ID”）.html（数据）

这是您的完整代码。
`

Div内容
$（document）.on（“单击“，”.tribe迷你日历日链接”，函数（）{
变量日期=$（this.data（'day'）；
$.ajax({
类型：“POST”，
url:TribeMiniCalendar.ajaxurl，
数据：{
操作：“事件详细信息”，
日期：日期
},
成功：功能（响应）{
$（“#我的分区ID”）.html（回复）；
console.log（响应）
},
错误：函数（请求、错误）{
警报（“FOUT:+错误）；
}
})
})

`
欢迎来到SO。如果你不知道如何做某事，你可能不应该这样发布。首先，你应该至少有一些基本的想法，并在解决这个问题上做出一些努力，你可以在这里查阅。欢迎来到SO。如果你不知道如何做某事，你可能不应该这样发布。你应该首先得到一些基本的想法，并在解决这个问题上表现出一些努力，你可以在这里查阅。加1检查字符串是否为空谢谢！你的评论非常有用！加1用于检查字符串是否为空！你的评论非常有用！非常感谢。你的评论非常有用！非常感谢。你的评论非常有用！非常感谢。你的评论非常有用！非常感谢。你的评论非常有用！非常感谢。你的评论非常有用！非常感谢。你的评论非常有用！