废话不多说,直接上代码,做个笔记。
$url="http://localhost/header_server.php";
$body = array("mobile"=>"13899999999", "username"=>"Nick");
$header = array("Content-Type:multipart/x-www-form-urlencoded", "token:test", "client:h5");
$result = curlPost($url, $body, 5, $header, 'json');
var_dump($result);
/**
* 传入数组进行HTTP POST请求
*/
function curlPost($url, $post_data = array(), $timeout = 5, $header = "", $data_type = "") {
$header = empty($header) ? '' : $header;
//支持json数据数据提交
if($data_type == 'json'){
$post_string = json_encode($post_data);
}elseif($data_type == 'array') {
$post_string = $post_data;
}elseif(is_array($post_data)){
$post_string = http_build_query($post_data, '', '&');
}
$ch = curl_init(); // 启动一个CURL会话
curl_setopt($ch, CURLOPT_URL, $url); // 要访问的地址
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 对认证证书来源的检查 // https请求 不验证证书和hosts
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); // 从证书中检查SSL加密算法是否存在
curl_setopt($ch, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']); // 模拟用户使用的浏览器
//curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); // 使用自动跳转
//curl_setopt($curl, CURLOPT_AUTOREFERER, 1); // 自动设置Referer
curl_setopt($ch, CURLOPT_POST, true); // 发送一个常规的Post请求
curl_setopt($ch, CURLOPT_POSTFIELDS, $post_string); // Post提交的数据包
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout); // 设置超时限制防止死循环
curl_setopt($ch, CURLOPT_TIMEOUT, $timeout);
//curl_setopt($curl, CURLOPT_HEADER, 0); // 显示返回的Header区域内容
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // 获取的信息以文件流的形式返回
curl_setopt($ch, CURLOPT_HTTPHEADER, $header); //模拟的header头
$result = curl_exec($ch);
// 打印请求的header信息
//$a = curl_getinfo($ch);
//var_dump($a);
curl_close($ch);
return $result;
}
几点经验:
1. 不管"Content-Type:multipart/form-data"还是"Content-Type:application/x-www-form-urlencoded"只要采用post方式发送数据,并且在body体中的数据是数组格式,那么在接收端就可以使用$_POST获取到。
2. 在接收端使用file_get_contents("php://input")接收时,只能获取到字符串类型的body体数据。
3. 请求时,在header中添加的参数xxx,在接收端可以使用$_SERVER["HTTP_XXX"]进行获取。
codemirror使用记录
一、背景
由于项目需要用到 json 编辑功能,尝试使用过 v-jsoneditor, vue-json-editor 和 vue-codemirror, 使用都不尽人意,一番尝试之后,用 codemirror 成功满足需求,小记录一下。
二、codemirror介绍
CodeMirror 是使用 JavaScript 为浏览器实现的多功能文本编辑器。它专门用于编辑代码,并具有实现更高级编辑功能的多种语言模式 (language mode)和附加组件(addon)。
CodeMirror 具有丰富的 API 和 CSS 主题系统,方便用户为其应用程序作定制化,并且易于扩展。本文主要聚焦于在 vue 工程中 json 的编辑功能。
三、codemirror使用1. 所需依赖
npm install --save codemirror
npm install --save jsonlint
没有使用 vue-codemirror,直接在 vue 中使用 codemirror 。
此外,需要安装一个开发依赖 script-loader,方便引入 jsonlint。
npm install --save-dev script-loader
我安装的版本如下:
"codemirror": "^5.59.2",
"jsonlint": "^1.6.3",
"script-loader": "^0.7.2",
2. JsonEditor 组件
直接封装好 JsonEditor 组件,在 src/components 新建 JsonEditor.vue 文件,如下
直接上代码
其中,需要注意的是代码主题样式可以根据自己的喜好去官网选择,并引入相应的 css 文件即可,我选择的是 rubyblue 这个主题
还有个坑就是当编辑器隐藏和显示时,容易出现样式错乱
解决方法是将 autoRefresh 设为 true,并且加上 refresh 函数,每次打开编辑器时刷新一下编辑器,具体可以参考一下这篇文章 。
3. 使用
使用起来很方便,需要的地方直接引入 JsonEditor 组件,直接上代码
这样就可以愉快地编写 json 代码了
也会提示格式错误。如果输入的 json 是需要提交的,可以通过 JSON.parse 来进行校验,阻止提交
// ...
// 判断表达式是否符合要求
if (this.json) {
try {
JSON.parse(this.json)
} catch (e) {
this.$message.warning('请输入正确的 json')
return
}
}
// ...
CodeMirror 功能非常强大,如代码自动补全、代码折叠、绑定 vim 和 设置快捷键等功能,可以官网上查找,本文只记录了笔者所用到的一些简单的功能。