跨域解决请求限制（script标签）（热门搜索出现对应的词条）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>热门搜索</title>
</head>
<style>ul{list-style: none;color:pink;}
</style>
<body><form action=""><input type="text" class="search" id= 'search' placeholder="请输入关键字"><ul id= "search-list"></ul></form>
</body>
<script>function searchResult(json){var oUl = document.getElementById('search-list');var search = document.getElementById('search');oUl.innerHTML = '';var res = json.s;var len = res.length;for(var i = 0;i < len ;i++){var oNewLi = document.createElement('li');oNewLi.innerHTML = res[i];oUl.appendChild(oNewLi);}}window.onload = function(){var oInput = document.getElementById('search');oInput.onfocus = function(){this.value = ''}oInput.onkeyup = function(){var url = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+this.value+'&cb=searchResult';var oS = document.createElement('script');oS.src = url;document.head.appendChild(oS);};};
</script>
</html>

转载于:https://www.cnblogs.com/TTTK/p/6306296.html

跨域解决请求限制（script标签）（热门搜索出现对应的词条）相关推荐

iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...
Ajax跨域post请求后端无法获取登录态原因及解决办法
遇到个小坑,印象中不是第一次遇到了,记录一下:前后端分离时前端.后端不在同一个子域,跨域post请求后端无法获取登录态. 原因后端通过cookie验证用户是否登录,跨域post不会自动携带上cook ...
React项目中请求跨域解决方法
React项目中请求跨域解决方法今天经理给我了一个React项目地址,让我拉下来并跑起来,拉下来运行起来后,发现所有的请求都失败了,并且都是由于跨域问题导致的.花了点时间,解决了这个问题,在这里记录 ...
解决ajax请求跨域,解决ajax请求跨域
跨域大部分需要通过后台解决,引起跨域的原因: 3个问题同时满足才可能产生跨域问题,即跨域(协议,主机名,端口号中有一个不同就产生跨域) 下面是解决方法方法一 // ajax请求跨域 /* *解决a ...
跨域post请求实现方案小结--转
[名词解释] 跨域:https://developer.mozilla.org/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript 同源策略 ...
javascript同源策略和跨域实验及其跨域解决办法
一.问题提出: 从应用A跳转到应用B,用户在应用B上操作完毕后,关闭页面,是否可以用程序自动刷新应用A窗口,以让用户观察操作效果.如支付宝充值,跳转到各银行界面进行充值,充值完毕后,支付宝页面相关自动 ...
跨域解决方法——jsonp原理
跨域解决方法--jsonp原理一个域名地址的组成: 当协议.子域名.主域名.端口号任意一个不相同时,都算作不同域,不同域之间相互请求资源,就算做"跨域".由于浏览器同源策略的限制 ...
几种常见的跨域解决方法
前言由于浏览器的同源策略,当我们请求网络资源时,所在页面的url中的协议,端口,域名其中一个与请求资源的url不同,都会出现跨域的问题.但是浏览器不能没有这个策略,这样会很危险,像csrf,xss攻 ...
跨域(CORS)请求问题[No 'Access-Control-Allow-Origin' header is present on the requested resource]常见解决方案
基本概念跨域(CORS)请求:同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略, ...

跨域解决请求限制（script标签）（热门搜索出现对应的词条）

跨域解决请求限制（script标签）（热门搜索出现对应的词条）相关推荐

最新文章

热门文章