百度长尾词

最新推荐文章于 2023-04-11 21:28:47 发布

蒸蒸日上y

最新推荐文章于 2023-04-11 21:28:47 发布

阅读量413

点赞数

分类专栏： PHP 文章标签：长尾词搜索功能

本文链接：https://blog.csdn.net/zrainload/article/details/78814665

版权

PHP 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <style type="text/css">
        .box{
            dispaly: none;
        }
    </style>
<script src='http://libs.baidu.com/jquery/1.9.1/jquery.js'></script>
<script type="text/javascript">
        $(document).on('keyup', '#search', function(){
            var sear = $(this).val();
            $.ajax({
                type: 'get',
                url: 'http://suggestion.baidu.com/su?wd='+sear+'&p=3&cb=?',
                dataType: 'jsonp',
                jsonp: 'jsonpcallback',
                jsonpcallback: 'fn',
                success:function(data){
                    if(data !== 0){
                        $(".box").show();
                        var html = '';
                        $.each(data.s, function(k,v){
                            html+=v+'</br>';
                        });
                        $(".box").html(html);
                    }
                }
            });
        });
    </script>
    <body>
        <center>
            <br />
            <p style="font-size: 40px; color: red; font-family: 楷体;">搜索功能--长词尾</p>
            <br/><br/><br/><br/>
                <input type="text" id="search" style="width:600px; height:30px; line-height:30px; font-size:15px; border:2px #CCCCCC solid;" />     
                <div class="box" align="left" style="margin-left: 458px"></div>
        </center>
    </body>
</html>

蒸蒸日上y

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度长尾词

<!DOCTYPE html><html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
复制链接

扫一扫

专栏目录