将数据从url附加到div onclick jquery

时间:2013-09-19 00:13:53

标签: jquery load append

在我的网站上点击链接时,我试图将给定网址中的数据附加到指定的div。

我认为这会起作用

onclick='$("#itemid_<?=$id?>").load("http://domain.com/file.php?q=<?=$term?>");'

但它似乎没有工作

如果有人能提供帮助,那就太棒了

感谢

1 个答案:

答案 0 :(得分:2)

你可以尝试这样的事情,在url中构建href并使用带有div id和url(this.href)的函数,例如:

<a href="http://domain.com/file.php?q=<?=$term?>" onclick="return loadPage('#itemid_<?=$id?>', this.href);">Link Text</a>

将此功能保留在head部分

function loadPage(id, url)
{
    $(id).load(url);
    return false;
}

默认情况下,当您单击链接时,浏览器将从服务器加载该页面,因此,如果您想要阻止此行为,那么您应该使用JavaScript代码,在这种情况下我使用了return false来阻止浏览器加载页面,但还有其他可用选项,例如event.preventDefault

另外,请检查jQuery load,还有其他方法可以实现同样的目标,例如

$(document).ready(function(){
    $('.someLinks').on('click', function(e){
        e.preventDefault();
        $('#someDiv').load($(this).attr('href'));
    });
});

您没有提供更多信息,但必须有办法使用此方法,最好使用这种方式而不是inline event处理。