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">'; } } ?> ~~~