会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 133322个问题
JAVA 全系列/(隐藏)第三十阶段:设计模式/框架源码分析(拓展)/Spring 框架底层源码分析 25249楼
Python 全系列/第七阶段:网页编程基础/Ajax 25250楼
Python 全系列/ 第十四阶段:自动化操作办公软件、邮件、定时任务等/自动化操作办公软件、邮件、定时任务等 25252楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 25253楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图高级 25254楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:创建订单及订单邮件 25255楼

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>script标签解决跨域</title>
    <style>
        *{margin: 0px;padding: 0}
        input{width: 300px;height: 30px;border: 1px solid lightgray;
            margin-top: 150px;margin-left: 200px;padding-left: 5px}
        ul{
            width: 307px;
            list-style: none;
            margin-left: 200px;
            display: none;
        }
        li{
            height: 30px;
            line-height: 30px;
            border: 1px solid lightgray;
            padding-left: 5px
        }

    </style>
</head>
<body>

<input type="text"  id="inputSerach"/>
<ul  id="ulList">
    <li>123</li>
</ul>
<script>
   //已经获取数据,就不用建立后台
    window.onload= function () {
        var oData=document.getElementById('inputSerach');
        var oUl=document.getElementById('ulList');
        oData.onkeyup= function () {
            if(oData.value!=''){
                var script=document.createElement('script');
                script.src='http://suggestion.baidu.com/su?wd='+this.value+'&cb=callbackDemo';
                document.body.appendChild(script);
            }else{
                oUl.style.display='none';
            }
        }
    }
    //response表示响应回来的数据
    function callbackDemo(response){
        var oUl=document.getElementById('ulList');
        var html='';
        if(response.s.length!=0){
            oUl.style.display='block';
            for(var i=0;i<response.s.length;i++){
                html+='<li>'+response.s[i]+'</li>';
            }
        }
        oUl.innerHTML=html;
    }
</script>
</body>
</html>

老师,下面那个回调函数,为什么不用调用就可以实现呀,之前不都是调用才行吗

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 25256楼
JAVA 全系列/第一阶段:AI驱动的JAVA编程/面向对象详解和JVM底层内存分析 25259楼
JAVA 全系列/第九阶段:Spring Boot实战/Spring Boot 25260楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637