jsp小技巧--自定义输出src

最新推荐文章于 2022-08-01 23:58:27 发布

Hello_Wenly

最新推荐文章于 2022-08-01 23:58:27 发布

阅读量691

点赞数

文章标签： jsp Ajax src iframe

本文链接：https://blog.youkuaiyun.com/sinat_31516067/article/details/50669584

版权

本文探讨了在JSP中使用Ajax时遇到的与iframe src属性冲突的问题。当试图根据Ajax返回的对象中的src属性加载iframe时，常规的<%=src%>表达式无法正常工作。为了解决这一问题，提出了在脚本文件顶部添加特定方法的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Jsp的ajax当中我要根据返回值对象中的src属性来显示对应的网页，该网页我放在一个iframe当中，由于与iframe的冲突，导致Jsp的<%=src%>不可用，此时我们用什么办法来解决呢？

_.each(currentData, function(v, k) {
  var iframeTpl = '<div class="tableauchart"><iframe marginheight="0" marginwidth="0" scrolling="auto" src="{{src}}" frameborder="0" width="100%" height="100%"></iframe><div class="showChartbtn"><button><a href="{{src}}">显示</a> </button><button class="delBox">删除</button></div></div>';
  $('.showcharts .chartswrap').append(_.template(iframeTpl, {
    "src": v.src
  }));
  $('.delBox').on('click', function(e) {
    $.ajax({
      url: "/api/charts/delete/" + v.id,
      type: "post",
      success: function(data) {
        console.log(data);
        $(e.currentTarget).parents('.tableauchart').remove();
      }
    })
  })

});

我们可以看到在第二行中，我用了src="{{src}}",即用了{ }来替代<%= %>实现输出,在第7行中也有所体现，{“src”:v.src}

加{}的方法是自定义的，只需要放在脚本文件中的最上方；

<script>
  _.templateSettings = {
    'interpolate': /{{([\s\S]+?)}}/g,
    'evaluate': /\{\%(.+?)\%\}/g
  };

</script>