jsonp跨域及实现百度首页联想功能的方法

"text";

<script src="/UploadFiles/2021-04-02/a.json">

这样是能正确执行了，但是我们也知道json数据中并没有定义什么变量和方法的，这个就好像下面的方式：


var str="text";


我们在HTML中去加载它，然后去执行，如下代码：


<script src="/UploadFiles/2021-04-02/a.json">

这样显然是会报错的，那么跨域解决之后就要解决怎么使用这个资源的问题了。 


我们先和后台定义一个方式，把所有的数据作为一个函数的参数去调用函数，当然这个函数是我们预先定义好的了，如下面的格式：


function solve(data){
//使用数据
}
<script src="/UploadFiles/2021-04-02/a.json">

下面我们来看看a.json是怎么定义的


solve(100);
solve({});
//相当于a.json里面的数据作为参数传递到了solve函数里面，然后，在solve函数里面操作这个数据就可以了


资源里面要有几个方法


先看下面的例子，当我们引入一个PHP动态资源的时候


<"111";
$b = "aaa";
if ($t == 'num') {
$data = json_encode($a);
} else {
$data = json_encode($b);
}
echo solve($data)



比如我们有两个按钮一个按钮执行的时候要求，收到$a另一个要求收到$b，那我们应该怎么搞？在pho文件中加一个solve()"htmlcode">

<"color: #ff0000">jsonp跨域实现百度首页联想功能

主要思路是利用jsonp的跨域，使用百度后台接口，根据input框的内容，向后台拿数据，然后展示在搜索框下面，并且li使用的是a标签包裹，基本实现了和百度首页收缩然后跳转的功能
结果截图


  <script>
   var timer = null // 防抖动
   var domInput = document.getElementById('input')
   var domul = document.getElementsByTagName('ul')[0]
   domInput.oninput = function (e) {
    clearTimeout(timer) //防抖动
    timer = setTimeout(function () {
     var domScript = document.createElement('script')
     domScript.src = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su"text-align: center">

可实现点击联想词跳转

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

                                
                                

                                    jsonp跨域百度首页联想,jsonp跨域 
                                

                                    标签：
                                        
jsonp跨域百度首页联想,jsonp跨域
                                     

                            
                        
                        

                            

                                免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
                                如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
                            
                        
                        

                            

                                
                                    上一篇
                                    
解决jQuery使用append添加的元素事件无效的问题
                                
                            
                            

                                
                                    下一篇
                                    
解决使用bootstrap的dropdown部件时报错：error：Bootstrap dropdown require Popper.js问题
                                
                            
                        
                        
                        

                            

                                
                                
                                    评论“jsonp跨域及实现百度首页联想功能的方法”
                                
                            
                            

                                

                                    

                                        

                                            

                                                jsonp跨域及实现百度首页联想功能的方法
                                            
                                            

                                                
                                            
                                            

                                                

                                                

                                                

                                            
                                            

                                        
                                    
                                    

                                    

                                        
暂无“jsonp跨域及实现百度首页联想功能的方法”评论...