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

有人能帮忙吗

我想填补空缺

<div id="contenthere"></div>

单击某个类的按钮时，例如

<p class="classloader">Click Here</p>

单击此处

---

是否有人可以向我展示一个快速代码示例来实现这一点？

您可以订阅该段落的事件，然后使用该函数向给定url发送AJAX请求，并将结果注入指定的选择器：

$(function() {
    $('.classloader').click(function() {
        $('#contenthere').load('/includes/about-info.html');
        return false;
    });
});

使用和：

请尝试以下操作：

var myurl = 'myfileonthesamedomain.html';

$('button').click(function(){
    $('div.loadme').load(myurl);
});

---

加载jQuery的最新版本：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

jQuery代码：

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

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

$（函数（）{
$（“.classloader”）。单击（函数（）{
$（“#contenthere”）.load（“/includes/about info.html”）；
});
});

HTML代码：

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

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

单击此处

使用这个简单而简单的方法，它还可以执行运行时绑定：

$(document).ready(function(){
    $(document).on('click','.classloader',(function(){
        $('#contenthere').load('/includes/about-info.html');
    });
})