在我们定义的 API 动作里面,可以包含必填的或者可选的参数 .. 这些参数可以放在一组花括号里面 .. 比如在这个 posts 动作里,添加一个参数 ... 添加一个斜线 .. 输入一组花括号 .. 参数的名字是 id .. 这个 id 就是一个必填的参数 .. 先保存一下 ..
点击页面上的这个绑定了 posts API 动作的按钮 .. 在控制台上会出现一个错误 ... 说我们没有提供必填的这个 id 参数的值 ... 这样就会放弃这次请求 ...
这个参数也可以是可选的 .. 在这个 id 的前面,添加一个 / .. 再保存 .. 点击按钮 .. 这次虽然我们没有指定 id 参数的值,因为它的是一个可选的参数,所以会继续执行不带参数的请求 ... 得到的就是文章的列表 ..
下面我们去给这个参数指定一个值 .. 有两种方法,可以使用 data 属性,设置一下参数的值 .. 也可以通过 JavaScript 的形式去设置这个参数的值 .. 先看一下用 data 属性这种方法 ..
在这个按钮元素上,可以添加一个 data 开头的属性 .. 后面是 API 动作里的参数的名字 .. 这里就是 id .. 它的值我们先设置成 117 ... 这样点击这个按钮,请求的地址就会是 /wp-json/posts/117 .. 也就是会得到具体的某个文章内容 ..
再改造一下 onSuccess 里的东西 ... 先去判断一下响应回来的数据是不是数组,如果是,就用 map 这个方法处理这个数组 .. 如果不是 ... 就直接输出这个响应回来的数据
if .. $.isArray ..判断一下 response 是不是数组 ... 再用一个 else ... 如果不是数组,就在控制台上直接输出文章的 ID ... 还有文章的标题 ... 点击这个执行按钮 ... 这样我们指定了 API 的 id 参数 .. 这样请求回来的东西就是某个具体的文章内容 ... 在按钮台上会输出它的 ID 号还有文章的标题 ..
onSuccess: function(response) {
if ($.isArray(response)) {
response.map(function (post) {
console.log(post.title);
});
} else {
console.log('ID:' + response.ID + ' ' + response.title);
}
},
还有一种可以使用 JavaScript 设置 API 参数的方法 .. 先去掉这个 data-id 属性 .. 在这个 API 对象里 .. 添加一个 urlData 属性 .. 它的值是一个对象 .. 这个对象里就是对应的 API 参数还有它的值 ... 这里先添加一个 id 属性 .. 它的值设置成 117 ... 保存 ..
点击 加载 .. 同样会使用带参数的 API 地址 .. 请求回来的就是某个具体 ID 的文章内容 ...