查看: 191|回复: 0

[文章教程] Ajax返回了HTML 包含JS后,如何运行代码

[复制链接]
xuanxiao 发表于 2023-10-27 11:57:46 | 显示全部楼层 |阅读模式
如果AJAX响应返回的是包含HTML和JavaScript代码的内容,您可以使用jQuery的html()方法将返回的HTML内容插入到指定的元素中,并自动执行其中的JavaScript代码。

以下是一个示例:
  1. $.ajax({
  2.     url: "your_url",
  3.     method: "GET",
  4.     success: function(response) {
  5.         // 将返回的HTML内容插入到指定元素中
  6.         $("#targetElement").html(response);

  7.         // 执行插入的JavaScript代码
  8.         $("#targetElement script").each(function() {
  9.             eval($(this).text());
  10.         });
  11.     }
  12. });
复制代码


在上面的示例中,使用jQuery发送AJAX请求,并在请求成功后将返回的HTML内容插入到targetElement元素中。然后,使用each()方法遍历插入的HTML中的所有script标签,并使用eval()函数执行其中的JavaScript代码。

需要注意的是,使用eval()函数执行来自不可信源的JavaScript代码存在安全风险,需确保该HTML和JavaScript代码来源可靠且无法被注入恶意代码。在实际应用中,最好对返回的数据进行验证和过滤,以防止潜在的安全问题。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号