JavaScript >jquery>快递单号查询

作者: 命运丿 | 来源:发表于2018-09-15 11:02 被阅读12次

JavaScript >jquery>快递单号查询
快递单号查询免费api接口对接攻略
用python实现接口测试（七、查询快递单号）
服务器端请求快递100接口返回301
快递系统
快递查询-快递单号物流信息查询
手把手教你用Python查询你的物流信息
基于iOS快递查询App的实现
手把手教你用Python爬取快递100查询你的物流信息
JavaScript >jquery>事件委托

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>快递单号查询</title>
<script src="./js/lib/jquery2.2.4/jquery-2.2.4.min.js"></script>
<style>
    *{margin:0; padding:0;}
</style>
</head>
<body>
<div id="container">
<div id="box">
    <input type="text" name="proc_id" id="proc_id">
    <select name="com" id="com">
        <option value="shunfeng">顺丰</option>
        <option value="yuantong">圆通</option>
        <option value="zhongtong">中通</option>
        <option value="shentong">申通</option>
        <option value="yunda">韵达</option>
    </select>
    <button id="btn">查询</button>
</div>
</div>

<script>
$(function() {
    // 添加点击事件
    $("#btn").click(function() {
        // 获取数据
        var $procid = $("#proc_id").val();
        var $com = $("#com").val();

        // 发送ajax请求
        $.ajax({
            url: "https://sp0.baidu.com/9_Q4sjW91Qh3otqbppnN2DJv/pae/channel/data/asyncqury?appid=4001&cb=?",
            type: "get",
            dataType: "jsonp",
            data: {
                company: $com,
                nu: $procid
            },
            success: function(data) {
                //服务器返回的快递数据
                console.log(data)
            },
            error: function() {
                console.log("失败了.")
            }
        })
    });
})
</script>
</body>
</html>