php快递100查询

最新推荐文章于 2021-02-26 15:27:45 发布

weixin_30779691

最新推荐文章于 2021-02-26 15:27:45 发布

阅读量246

点赞数

文章标签： php json javascript ViewUI

原文链接：http://www.cnblogs.com/66daima/p/7507676.html

版权

演示下载地址：http://www.erdangjiade.com/js/161.html

效果图：

代码如下：

`HTML`

首先我们在页面上放置一个查询输入框，和查询按钮。

<input name="postid" type="text" class="inp-metro" id="postid" placeholder="请输入单号或地址，这里既能查单号又能查网点噢" maxlength="26" autocomplete="off" style="color: rgb(51, 51, 51);"><a id="query" class="btn-query">查询</a>

jQuery

通过订单号，查询相关订单信息：

$(function() { 
    $("#query").click(function() { 
        var num = $("#postid").val(); 
        var tr = ""; 
        $.post("ajax.php", { 
            num: num 
        }, 
        function(data) { 
            if (data.code != -1) { 
                var len = data.length; 
                var first = ''; 
                for (var i = 0; i < len; i++) { 
                    if (i == 0) { 
                        first = 'status-first'; 
                    } else { 
                        first = ''; 
                    } 
                    tr += "<tr><td class='row1'>" + data[i]['time'] + "</td><td class='status " + first + "'> </td>\n\ 
                                            <td>" + data[i]['context'] + "</td></tr>"; 
                } 
                $("#queryResult2").children("tbody").html(tr); 
                $("#queryContext").show(); 
            } else { 
                $("#queryContext").hide(); 
                alert("订单不存在！"); 
            } 
        }, 
        "json") 
    }) 
})

Ajax.php

require ('./Class/Express.class.php'); 
header('Content-Type:text/html; charset=utf-8'); 
$express = new Express(); 
$num = isset($_POST['num']) ? trim($_POST['num']) : ""; 
$result = $express->getorder($num); 
if ($result['data']) { 
    $num = count($result['data']); 
    foreach ($result['data'] as $k => $v) { 
        $times[] = $v['time']; 
    } 
    array_multisort($times, SORT_ASC, $result['data']); 
    echo json_encode($result['data']); 
} else { 
    echo json_encode(array("code" => -1)); 
}