jquery中用jsonp实现搜索框功能

jquery中用中用jsonp实现搜索框功能实现搜索框功能

主要为大家详细介绍了jquery中用jsonp实现搜索框功能的相关资料,具有一定的参考价值，感兴趣的小伙伴们可

以参考一下

前面的话：前面的话：

在上周本来想发一篇模仿必应搜索的界面。但是在准备写文章之前突然想到前面学习了ajax技术，在这里我也让我的页面有

一种不需要手动刷新就能获取到数据。但是发现用前面的方法并不能获取到我想要的效果。无奈前几天电脑换系统，把之前的

源码丢了（前面有个不好的习惯就是把最近在做的东西放桌面）。今天想彻底把这个问题搞明白。

用用jquery和和ajax进行初步的尝试：进行初步的尝试：

<form id="search-form">

<input type="text" class="search-input-text" autocomplete="off" name="q" id="search_input" />

<input type="submit" class="search-input-button" value="" id="search_submit">

</form>

</div>

</div>

<div class="suggest" id="search-suggest" <!--style="display:none;"-->>

<ul id="search-result">

<li>搜索结果1</li>

margin: 0;

}

body {

}

.bg-div{

background-image: url('images/river.jpg');

width: 1228px;

background-image: url('images/logo.png');

width: 107px;

height: 53px;

float: left;

margin: -4px 18px 0 0;

}

form {

float: left;

background-color: #fff;

height: 25px;

line-height: 25px;

outline: none;

width: 350px;

font-size: 16px;

}