为什么Ajax AdCall会覆盖html内容？

Question

我正在使用JQuery使用Ajax调用jsp页面。当我在JSP中只放置一个DateTime并且Ajax调用能够显示这个JSP的内容即DateTime但是当我将Ad代码放在显示DateTime的同一个JSP中时，它工作正常，我得到的页面只是显示广告，其余内容消失。

如果用户更改某个页面中的特定字段，我希望使用Ajax调用在页面的特定位置显示广告，例如价格。

以下是我的要求： PageA.jsp ---＆gt;如果用户使用JQUery或任何JavaScript框架从PageA.jsp页面更改文本框内的价格，则调用Ajax调用---＆gt; AdCall.jsp页面在页面PageA.jsp。

的某个div处加载

以下是我正在使用的代码：

   function makeAnAdCall(field) {

  $.ajax({
        url : "AdCall.jsp",
        success : function (data) {
        $("#content").html(data);
        }
    });
}

这是我展示广告的区域：

<div id="content" style="color:blue;font:bold 14px arial;padding-top:140px;"> Here!
        </div>

它只显示广告的原因之一可能是因为广告正在尝试编写完整的文档编写对象而不是仅编写特定区域。但我相信必须解决它:)任何建议？

Answer 1

我能够使用writeCapture JavaScript框架解决这个问题。该框架具有JQuery插件，但它也可以在没有JQuery的情况下使用。您需要做的唯一更改是调用JQuery $("#content").html(data);使用$('#content').writeCapture().html(data);