项目实现：还原百度搜索功能；
项目原理：利用json回调页面传参;
什么是jsonp：就是利用<script>标签的src地址，让目标页面回调本地页面，并且带入参数，也解决了跨域问题；
代码如下：
html（css代码不提供）
<div class="box">
<input type="text" />
<div class="ssk"></div>
<button>×</button>
</div>
js
var script,ids;
$(".box>input").on("input",inputHandler)
function inputHandler(e){
if (ids) return;
ids = setTimeout(function () {//节流
clearTimeout(ids);
ids=0;
if (script) { //删除上一次创建script标签
script.remove();
script = null;
}
script=$("<script><\/script>").attr("src",`https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su".box>input").val()} &json=1&p=3&sid=22084_1436_13548_21120_22036_22073&req=2&csor=0&cb=callback`
).appendTo("body");
// 点击x按钮删除搜索框内容，并且隐藏button按钮
$("button").click(function () {
$("input").val("");
$("button").css("display", "none");
});
// 如果搜索框为空则把x按钮隐藏
if ($("input").val().length === 0) {
$("button").css("display", "none");
} else {
$("button").css("display", "block");
}
}, 500);
}
function callback(data) {
if (data) {
$(".box>.ssk").css("display", "block");
}
// 删除上一次的搜索列表
if ($(".ssk").children().length !== 0) {
$("a").remove();
}
// 遍历数组内容输出
$.each(data.s, function (index, item) {
$("<a>"+item+"</a>").appendTo(".box>.ssk");
$("a").attr('href','https://www.baidu.com/s".box>.ssk").on("mouseleave", function () {
$(".box>.ssk").css("display", "none");
});
}
- 这里目标页面是“https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su"text-align: center">
最终效果：
以上就是jQuery使用jsonp实现百度搜索的示例代码的详细内容，更多关于jQuery实现百度搜索的资料请关注其它相关文章！
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“jQuery使用jsonp实现百度搜索的示例代码”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。