Question

页面网址为http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>

页面上有一些内容：

<div><a href="http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1a">price </a></div>
        <div> the content....</div>

如果我点击价格，内容将根据价格按升序排列。

<div><a href="http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1d">price </a></div>
        <div> the content....</div>

如果我点击价格，内容将根据价格下降排列。

现在，我希望当访问者点击price文本时，可以交换安排的内容。默认状态为升序。并且不要刷新页面。

我该怎么办？

Answer 1

可以使用JQuery load从网址分配html而无需重新加载页面点击价格链接，您可以加载内容div。

e.g。

$('#content_div').load($('#a_price').attr('href'));

对于下面的html -

<a id="1d" href="example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1d">1d</a>
<a id="1a" href="example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>&sort=1a">1a</a>
<div id="productListing" />

Javascript -

$('#1d, #1a').click(function(event){
    // Prevent default link behaviour
    event.preventDefault();
    // load the div contents from the link
    $('#producListing').load(this.attr('href'));
})

已将ID添加到链接中。可以做成通用的。此外，链接内容应仅使用您需要显示的结果呈现部分内容。

如何更新页面内容而不用jquery刷新页面

1 个答案: