как обновить содержимое страницы без обновления страницы с помощью jquery

#php #jquery

#php #jquery

Вопрос:

URL страницы http://example.com/index.php?main_page=indexamp;Path=<?php echo $_GET['Path'];?>

на странице есть некоторое содержимое:

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

если я нажму на цену, содержимое будет упорядочено в соответствии с ценой по возрастанию.

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

если я нажму на цену, содержимое будет упорядочено в соответствии с ценой по убыванию.

теперь я хочу, чтобы, когда посетитель нажимал на price текст, упорядоченный контент можно было обменять. состояние по умолчанию — возрастающее. и не обновляйте страницу.

как мне поступить?

Ответ №1:

Можно использовать загрузку jQuery для назначения HTML из URL-адреса без перезагрузки страницы.
Нажав на ссылку «Цена», вы можете загрузить раздел содержимого.

например

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

Для html ниже —

 <a id="1d" href="example.com/index.php?main_page=indexamp;Path=<?php echo $_GET['Path'];?>amp;sort=1d">1d</a>
<a id="1a" href="example.com/index.php?main_page=indexamp;Path=<?php echo $_GET['Path'];?>amp;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'));
})
 

Добавили идентификаторы к ссылке. Можно сделать универсальным.
Кроме того, содержимое ссылки должно отображать частичное содержимое только с результатами, которые вам нужно будет отобразить.

Комментарии:

1. Просто не забудьте указать вашему содержимому div идентификатор ‘content_div’, который предлагает этот ответ.

2. Джайендра, мне жаль, что я до сих пор не знаю, как это сделать. если все содержимое находится в идентификаторе productListing,$(«#productListing»).load($(‘#a_price’).attr(‘href’); есть два URL(<a href=» <a rel=»nofollow noreferrer noopener» href=»https:///example.com/index.php?main_page=indexamp;Path= example.com/index.php?main_page=indexamp;Path =<?php echo $_GET[‘Путь’];?>amp;sort=1d»>, <a href=» <a rel=»nofollow noreferrer noopener» href=»https:///example.com/index.php?main_page=indexamp;Path= example.com/index.php?main_page=indexamp;Path =<?php echo $_GET[‘Path’];?>amp;sort=1a»>) как это написать? Спасибо