Ajax通过script src特性加载跨域文件 jsonp
2024-08-26 03:52:11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="text">
<ul></ul>
<script type="text/javascript">
var t=document.getElementById("text");t.onblur=()=>{var v=t.value;
jsonp(v);
}
function fn(data){
var html='';
for (var i=0; i<data.s.length; i++) {
html += '<li><a target="_blank" href="http://www.baidu.com/s?wd='+data.s[i]+'">'+ data.s[i] +'</a></li>';
}
document.getElementsByTagName("ul")[0].innerHTML=html;
}
function jsonp(val){
var scr=document.createElement("script");
scr.src="http://suggestion.baidu.com/su?wd="+val+"&cb=fn";
document.head.appendChild(scr);
}</script>
</body>
</html>
最新文章
- git用法之常用命令
- 添加OSG各种事件处理器
- 安装infer整个过程
- java.io.WriteAbortedException: writing aborted; java.io.NotSerializableException
- angular js 的 ng-keyup 监听 keydown keyup事件获取 keyCode
- java分层开发
- VBS编辑字段
- DNS劫持
- Transform.InverseTransformPoint 反向变换点
- Eclipse文件编码设置的问题
- Javascript基础引用类型之Object
- 河南多校大一训练赛 G 硬币
- UML那些事
- 高性能迷你React框架anujs1.0.8发布
- 2019.02.11 bzoj4818: [Sdoi2017]序列计数(矩阵快速幂优化dp)
- centos7安装的mysql无法启动(mysql daemon failed to start)
- C#6.0语言规范(七) 表达式
- 3-51单片机ESP8266学习-AT指令(学会刷固件)
- xcode修改默认头部注释(__MyCompanyName__) (转)
- PHP彻底解决mysql中文乱码
热门文章
- CF833B The Bakery (线段树+DP)
- [luogu] P4155 [SCOI2015]国旗计划(贪心)
- 多个 WindowsFormsHost 叠加顺序调整
- Struts2SpringHibernate整合示例,一个HelloWorld版的在线书店(项目源码+详尽注释+单元测试)
- 使用展开操符作替代 .apply() (prefer-spread)
- Ubuntu 15.10 安装推荐链接
- 赵雅智_使用SQLiteDatabase操作SQLite数据库及事务
- HDU - 4758 Walk Through Squares (AC自己主动机+DP)
- C++11新特性应用--介绍几个新增的便利算法(用于分区的几个算法)
- firefox 被劫持hao123 主页