JQuery Pjax · 學習筆記

>[danger]基本格式 ~~~ $(document).pjax(“selector”,”container”,options)； ~~~ >[info] selector:為可以觸發pjax的a標簽的選擇器，設置為某些a標簽的選擇器后，pjax程序會在用戶點擊該a標簽觸發，并且自動請求該a標簽href屬性指向的地址。 >[info] Container:為請求的程序響應的html字符串碎片的容器的選擇器。從服務器端響應回的數據會自動添加在該選擇器選中的元素中 >[info] Options:為其他配置參數，json格式。 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src='../../../jquery/jquery1.8.3.js'></script> <script src='../../../jquery/jquery.pjax.js'></script> </head> <body> <a href="./demo.php?num=1" data-pjax>選項一</a> <a href="./demo.php?num=2" data-pjax>選項二</a> <a href="./demo.php?num=3" data-pjax>選項三</a> <div class='img'></div> </body> <script> $(document).pjax('a[data-pjax]','img'); </script> </html> ~~~ ~~~ <?php function is_pjax(){ return array_key_exists('HTTP_X_PJAX',$_SERVER)&&$_SERVER['HTTP_X_PJAX'] === 'true'; } if(is_pjax()){ $num = $_GET['num']; if($num ==1){ echo "<img src='1.jpg'>"; }elseif($num ==2){ echo '<img src="2.jpg">'; }elseif($num ==3){ echo '<img src="3">'; } } ?> ~~~