PHP&&JavaScript&&接口访问

基于HTML实现接口访问

基于HTML的接口访问借助form表单实现

<form action="http://www.sogou.com/sogou?" method="post" >
    <p>客户名称: <input type="text" name="CustomerName" style="width: 300px" /></p>
	<p>客户电话: <input type="text" name="CustomerTel" style="width: 300px" /></p>
	<p><input type="submit" value="提交" /></p>
</form>

选项：
Request URL ： 可用接口
Request Method ： 传输数据方式（常用的POST和GET）
注意：

1. form表单仅提交表单元素内部的input元素和select元素的数据，其中属性name作为参数名称，value值作为对应参数的值。
2. 可以通过设置style的"display:none",提交非用户可视的数据。
3. 可通过为input元素和select元素的属性value、name设置值，灵活的向接口发送任意参数的任意值。
4. 使用form表单提交网址数据时，需要设置form表单的enctype=“application/x-www-form-urlencoded”。
5. 可通过“document.getElementById(“superiorElement6”).submit();”与“input type=“button” οnclick=“iCanSubmit();””配合，在提交表单前执行函数操作，最后button提交表单。

参考链接：
https://www.w3school.com.cn/tags/tag_form.asp

基于PHP实现接口访问

//无参数get请求
header("Content-Type: text/html; charset=utf-8");
$url__ = "https://dfq.test.com/users";
$ch = curl_init($url__);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);       #返回结果
curl_setopt($ch, CURLOPT_HEADER, true);
$result = curl_exec($ch);
$length = curl_getinfo($ch, CURLINFO_HEADER_SIZE);
$header = substr($result, 0, $length);
$result = substr($result, $length);
curl_close($ch);
$data1 = json_decode($result, true);
//遍历返回的数据
foreach($data1 as $k=>$v){
    if($v['_id']==$res['roomid']){
        $res['name'] = $v['name'];
        $res['maxInput'] = $v['views']['common']['mediaMixing']['video']['maxInput'];
        $res['resolution'] = $v['views']['common']['mediaMixing']['video']['resolution'];
    }
}
$data = "name=".$res['name']."&maxInput=".$res['maxInput']."&resolution=". $res['resolution'];
//带参数get请求
$url = "https://dfq.test.com/invite";
$token = md5(date('Ymd',time()).md5("qwe!@#qwe"));
$data .= "&token=".$token."&members=10001&server=192.168.1.11room=1000;
$curl = curl_init(); // 启动一个CURL会话
curl_setopt($curl, CURLOPT_URL, $url); // 要访问的地址
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0); // 对认证证书来源的检查
curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, 1); // 从证书中检查SSL加密算法是否存在
curl_setopt($curl, CURLOPT_USERAGENT, $_SERVER['HTTP_USER_AGENT']); // 模拟用户使用的浏览器
curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); // 使用自动跳转
curl_setopt($curl, CURLOPT_AUTOREFERER, 1); // 自动设置Referer
curl_setopt($curl, CURLOPT_POST, 1); // 发送一个常规的Post请求
curl_setopt($curl, CURLOPT_POSTFIELDS, $data); // Post提交的数据包
curl_setopt($curl, CURLOPT_TIMEOUT, 30); // 设置超时限制防止死循环
curl_setopt($curl, CURLOPT_HEADER, 0); // 显示返回的Header区域内容
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); // 获取的信息以文件流的形式返回
$tmpInfo = curl_exec($curl); // 执行操作
curl_close($curl); // 关闭CURL会话

基于JavaScript实现接口访问

基于JavaScript实现接口访问+XMLHttpRequest

        var id = window.localStorage.getItem("id");
        var password = window.localStorage.getItem("pd");

        const Http = new XMLHttpRequest();
        const api_url = 'https://www.baidu.com/api.php?id=' + id + '&password=' + password;
        Http.open("GET",api_url );
        Http.send();

        Http.onreadystatechange = function ( ) {
                if (this.readyState == 4 && this.status == 200) {
                        window.localStorage.setItem('api', Http.responseText);
                }
        }
        

基于JavaScript实现接口访问+Ajax

 function delete_video(self) {
	 var delete_video_id = self.parentNode.id;
	 $.ajax({
		url:'/web/delete_video/',
		type:'POST',
		data:{delete_video_id:delete_video_id},
		success:function (callback) {
			var obj = jQuery.parseJSON(callback)
			if (obj.status == 1){
				alert("录像删除成功")
			} else {
				alert("录像删除失败")
			}
		}
});

参考链接：
https://www.cnblogs.com/limeiky/p/5266492.html