jQuery-链接api实现星座运势和手机号归属地查询

最新推荐文章于 2024-02-29 16:53:03 发布

ZhangXD_BLOG

最新推荐文章于 2024-02-29 16:53:03 发布

阅读量1k

点赞数

分类专栏： jQuery HTML5+CSS3

本文链接：https://blog.csdn.net/u012054869/article/details/51798559

版权

该博客介绍了如何利用jQuery链接API来实现星座运势的查询功能，并结合API进行手机号码的归属地查询操作。

摘要由CSDN通过智能技术生成

连接api 做一个星座运势查询。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星座运势查询-api</title>
    <script src="jquery.js"></script>
</head>
<body>
星座名称：
<!--<input type="text" id="xz">-->
<select id="xz">
    <option>请选择</option>
    <option  value="白羊座">白羊座</option>
    <option value="金牛座">金牛座</option>
    <option value="双子座">双子座</option>
    <option value="巨蟹座">巨蟹座</option>
    <option value="狮子座">狮子座</option>
    <option value="处女座">处女座</option>
    <option  value="天秤座">天秤座</option>
    <option value="天蝎座">天蝎座</option>
    <option value="射手座">射手座</option>
    <option value="摩羯座">摩羯座</option>
    <option value="水瓶座">水瓶座</option>
    <option value="双鱼座">双鱼座</option>
</select>
运势类型：
<!--<input type="text" id="rq">-->
<select id="rq">
    <option>请选择</option>
    <option value="today">今日</option>
    <option value="tomorrow">明日</option>
    <option value="week">本周</option>
    <option value="nextweek">下周</option>
    <option value="month">本月</option>
    <option value="year">今年</option>
</select>
<button id="btn">查询</button>
<script>
    $(function(){
        $("#btn").click(function(){
            $.ajax({
                type:"GET",
                dataType:"json",
                async:true,
                url:"apis.baidu.com/bbtapi/constellation/constellation_query",
                headers:{
                    apikey:"05106943bb40fb418839d9e753e39ffa"
                },
                data:{