How to update the page content without refresh the page by jquery

JavaScript
1

the page url is

 `http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>`

there are some contents on the page:


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

if i click the price, the content will be arranged according to the price with ascending.

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

if i click the price, the content will be arranged according to the price with descending.

now, i want to get when the visitor click the price text, the content arranged can be exchanged. the default state is ascending. and don’t refresh the page.

how should i do?

2

user another script to load the content. then you can use the javascript load method to call as you need. for ordering need you can pass a query string.