jQuery / AJAX - 单击按钮时将内容加载到div中

时间:2017-10-28 04:31:43

标签: jquery ajax

我使用此代码包含一个文件(感谢M1K1O):

jQuery代码:

    <script language="javascript">
$(function(){
  $(".classloader").click(function(){
    $("#contenthere").load("/includes/about-info.html");
  });
});
</script>

HTML代码:

<p class="classloader">Click Here</p>
<div id="contenthere"></div>

但我遇到字符编码问题。包含的文件保存为iso-8859-2,主要的html文件也是如此,但我仍然得到&#34;灌木丛&#34;。

我该如何解决这个问题?

第二个问题:点击“点击此处”后,点击此处&#39;包含文件中的文本。我希望第二次单击以删除加载的内容。这可能吗?

提前感谢您的帮助:)

卡罗利纳

2 个答案:

答案 0 :(得分:0)

您可以使您的事件监听器适应&#34;切换&#34;单击时检查是否用html填充#contenthere div:

<script language="javascript">
 $(function(){
  $(".classloader").click(function(){
    if($('#contenthere').html() == ""){
      $("#contenthere").load("/includes/about-info.html");
    } else {
      $('#contenthere').html("");
    }
  });
});
</script>

答案 1 :(得分:0)

简单地$('#elementId').html("");用于clear选择器的元素

然后,

对于empty/clear input使用$('#elementId').val("");