用jaxa写一个快递查询
jquery-3.3.1.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.3.1.js"></script>
<style>
.div{
width: 800px;
height: 500px;
border: 2px solid #ccc;
}
</style>
</head>
<body>
<input type="text">
<select name="" id="">
<option value="sto">申通</option>
<option value="yt">圆通</option>
<option value="zt">中通</option>
<option value="sf">顺丰</option>
<option value="yd">韵达</option>
<option value="tt">天天</option>
</select>
<button>查询</button>
<div class="div"></div>
<script>
$(function(){
$('button').click(function() {
var no = $('input').val();
var com = $('select').val();
jQuery.ajax({
url: 'http://v.juhe.cn/exp/index?key=1ef106b55f73b52354049fa10c06ce45',
dataType: 'jsonp',
data: {no: no,com: com},
success: function(data) {
var res = data.result.list.reverse();
$.each(res,function(i, v) {
var div = $('<div>'+v.datetime+'</div>');
div.appendTo($('.div').eq(0));
var div = $('<div>'+v.remark+'</div>');
div.appendTo($('.div').eq(0));
});
},
error: function() {
console.log("请求失败！")
}
});
});
})
</script>
</body>
</html>