>[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">';
}
}
?>
~~~
- 概要
- HTML
- CSS
- PHP
- Mysqli
- Mysqli 连接查询
- Mysqli 左外连接查询
- Mysqli 右外连接查询
- JavaScript
- JS 变量和常量的定义
- JS 运算符
- JS 流程控制
- JS 函数
- JS 数组
- JS数据类型
- JS 错误处理
- JS作用域
- JS 节点操作
- JS 遗留DOM
- JS 闭包
- JS 对象(构造函数)
- JS JSON
- JS 节点属性操作
- JS 设置CSS样式
- JS 获取元素位置
- JS 事件
- JS 内置对象
- String 对象
- Date 对象
- Array 对象
- Math 对象
- Window 对象
- navigator 对象
- screen 对象
- location 对象
- Ajax
- 创建 Ajax 对象(兼容)
- AJax 对象属性和方法
- Ajax get 五步骤
- Ajax post 六步骤
- Ajax get&post 封装
- XML
- XML 语法&格式
- DOM 节点创建XML
- PHP 创建XML
- xmlwrite 类创建XML
- xmlReader 类解析xml
- JQuery
- JQuery 选择器
- JQuery 事件
- JQuery 节点之间的操作
- JQuery html属性设置
- JQuery Class属性设置
- JQuery CSS样式设置值
- JQuery 文本内容获取
- JQuery 动画特效
- JQuery 数组&对象遍历
- JQuery 对象扩展方法
- JQuery Ajax操作
- JQuery Pjax
- JQuery Layer前端框架
- JQuery validation 插件
- ThinkPHP5
- 数据库配置
- 基本操作
- 查询构造器
- 查询数据
- 增加数据
- 更新数据
- 删除数据
- Session
- Cookie
- Linux
- 指令分类
- 文件属性
- 文件处理命令
- 帮助命令
- 解压缩命令
- 网络通信命令
- 系统开关机
- Shell使用技巧
- VIM+vi 指令