zoukankan      html  css  js  c++  java
  • 跨域获取淘宝搜索框数据

    <style>
    *{
    margin: 0;
    padding: 0;
    }
    form{
    position: relative;
    }
    .text{
    300px;
    border: 1px solid #FFCC00;
    line-height: 40px;
    outline:none;
    }
    .sub{
    50px;
    line-height: 40px;
    background:#FFCC00 ;
    /*border: none;*/
    position: absolute;
    top: 0;
    left:302px;
    border: 1px solid #FFCC00;
    outline:none;
    }
    ul{
    list-style: none;
    }
    #list{
    300px;
    border: 1px solid #FFCC00;
    border-top: none;
    position: absolute;
    top: 42;
    left: 0;
    }
    #list span{

    color: #666666;
    font-size: 14px;
    }
    li a{
    text-decoration: none;
    color: #000000;
    }
    </style>
    </head>
    <body>
    <form action="javascript:;" method="post" name="form">
    <input type="text" name="ttt" class="text"/>
    <input type="submit" value="搜索" class="sub"/>
    </form>
    <ul id="list">
    <!--<li><span>3件</span></li>-->

    </ul>

    </body>
    <script>
    var form=document.forms['form'];
    var ttt=form.elements['ttt'];
    var list=document.querySelector('#list');

    function callback(data){


    data.result.forEach((v)=>{
    console.log(v);

    var newli=document.createElement('li');
    newli.innerHTML='<span>'+v[0]+'</span>';
    list.appendChild(newli);


    })
    };

    ttt.oninput= function(){
    list.style.display='block';

    // console.log(this.value);
    var script=document.createElement('script');
    script.src='https://suggest.taobao.com/sug?code=utf-8&q='+this.value+'&_ksTS=1524732732633_992&callback=callback&k=1&area=c2c&bucketid=5';
    document.body.appendChild(script);
    };
    ttt.onblur=function(){
    list.style.display='none';
    ttt.value='';
    }
    </script>

  • 相关阅读:
    Windows:生成环境Word,PPT,EXCEL com+组件配置
    Win10 计算机管理 打不开应急办法
    Js:弹窗剧中
    Asp.net跨域配置
    Centos6系列安装nginx
    Win_oracle_exp/expdp备份
    MSSQL:查看某个账号使用得数据库
    MSSQL:查看作业情况
    MSSQL:账号无法删除方案
    MSSQL:删除系统作业计划
  • 原文地址:https://www.cnblogs.com/wenr/p/8955106.html
Copyright © 2011-2022 走看看