默认 Semantic UI 的 API 会使用 GET 方法向服务端发出请求,服务端收到请求,会返回对应的数据。如果我们想把一些数据提交给服务端,比如去发布一篇新的文章,这就需要使用不同的 HTTP 方法,比如可以使用 POST 这种方法去请求发布新的文章 ... 用 PUT 方法修改文章的内容,用 DELETE 方法去删除内容 ..
在这个 api 的配置对象里 .. API 的动作同样可以使用 posts ... 然后去掉其它的东西 ... 再添加一个 method 属性 ... 这个属性的值就是我们要使用的 HTTP 方法的名字 .. 把它设置成 POST ..
在提交的新文章的内容可以放在 data 这个属性里面 .. 它的值是一个对象 ... 在这个对象里,可以分别去设置一下提交的数据的名字还有它的对应的值 ... 这些名值对是 WordPress 的 WP API 里面定义的 ...
提交新的文章,有两个必填项 ... 一个是 title ,文章的标题 .. 还有一个是 content_raw ... 文章的内容 ...
先添加一个 title 属性 .. 设置一下它的值 .. 再添加一个 content_raw ... 再设置一下对应的值 ..
保存 .. 点击 执行 按钮 .. 这次在控制台上会出现错误的提示.. POST .. 意思是使用 POST 方法 .. 请求这个地址的时候 ... 返回了一个 403 的错误 .. 意思是没有权限 ... 因为使用 POST 方法提交新的文章需要通过身份验证才行 ...
再打开 Network 选项卡 .. 选择 posts 这个地址 ... 再打开 Headers 选项卡 .. 这里会有一些信息 .. Request Method ,请求的方法,这里就是我们设置的 POST 这种方法 .. Status Code .. 状态码是 403 .. 表示没有权限 ...
在往下看 .. 在 Form Data 这里 .. 会出现我们在请求的时候发送的数据 .. 一个是 title ,还有就是 content_raw .. 在下面的视频里我们再解决一下这个权限的问题 ..
$('.ui.button').api({
action: 'posts',
method: 'POST',
data: {
title: '权利的游戏',
content_raw: 'HBO 出品的一部好看的美剧。'
}
});