html请求接口代码示例

2019年10月27日 17
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>老巫源码-接口调用</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
    $.ajax({
        type:"GET",  //请求方式分GET和POST
        url:"https://www.lwvip.com/api/api.php",  //请求地址,也就是接口地址
        data:{postid:"123456"},   //请求数据 post个get 写法都一样
        dataType:"JSON",  //请求的数据类型,这里返回的是json
        success:function (data) {  //success 这个是请求数据成功的意思  括号里面的data是请求的数据
            //这里可以对请求的数据进行调用,我一贯的写法就行先打印到控制台方便看数据
            console.log(data); //将请求的数据打印到控制台
            //判断是否请求成功
            if (data.code!==1) {
                //data已经说过了是请求的数据,data.code就是直接取值。!意思是不等,因为1是请求成功,我们判断如果不等1就是请求失败
                alert("请求失败,请检查你的订单号是否填写正确!");
            } else {
                //else的意识就是否则  也就是真和假,这里说明code的值是1  也就是请求成功
                //向页面把数据呈现出来
                var kddata = []; //声明一个空变量  储存结果
                for (i=0;i<data.data.length;i++){
                    kddata.push("<br>时间:"+data.data[i].scanDate+"<br>到达:"+data.data[i].stateDescription);
                }
                $("body").html("查询结果:"+data.msg+"<br>订单号:"+data.billCode+"<br>送达用时:"+data.billPrescription+kddata);
            }
        },
        error:function (res) {  //请求接口失败  一般就是接口有问题不能访问或者网卡会出现
            //将错误打印到控制台
            console.log(res);
        }
    });
</script>
</body>
</html>
1:如非特殊说明,本站对提供的源码不拥有任何权利,其版权归原著者拥有。请在下载后24小时之内自觉删除。
2:该资源只为研究、学习所提供,任何涉及商业盈利目的均不得使用,若需要,请购买正版,否则产生的一切后果将由您自己承担,与本站无关!
3:本网站所有资源均为作者提供和网友推荐收集整理而来,不保证其完整性以及安全性。如有侵犯你版权的,请来信(邮箱:lwvip_com@qq.com)指出,本站将立即改正。
本文地址:老巫源码 » html请求接口代码示例

全屏

切换