how to update the page content without refresh the page by jquery
<p>the page url is   <code>http://example.com/index.php?main_page=index&amp;Path=&lt;?php echo $_GET['Path'];?&gt;</code></p>

<p>there are some contents on the page:</p>

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

<p>if i click the price, the content will be arranged according to the price with  ascending. </p>

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

<p>if i click the price, the content will be arranged according to the price with descending.</p>

<p>now, i want to get when the visitor click the <code>price</code> text, the content arranged can be exchanged. the default state is ascending. and don't refresh the page.</p>

<p>how should i do?</p>
