ajax:简单搜索实践篇

简介:
两个.aspx文件,一个叫Default.aspx,一个叫AjaxOperations.aspx,第一个用来输入搜索数据,后一个用来对搜索关键字进行处理。js文件夹下面还有一个testJs.js的文件,它就是ajax操作的核心部分。不错,code is cheap。看代码:
ContractedBlock.gif Code
Default.aspx: 
ContractedBlock.gif Code
Default.aspx.cs:
ContractedBlock.gif Code
AjaxOperations.aspx:
ContractedBlock.gif Code
AjaxOperations.aspx.cs:
ContractedBlock.gif Code
上面的代码我都已经测试通过,复制粘贴运行试试看吧。

刚看到一篇博文里说,“实时搜索带来的痛苦要远大于他带来的帮助。这就是为什么Google Suggest还处于beta测试而并没有放在主页上的原因。在Start.com Live.com上搜索的时候你是不能使用返回按钮来查看上一次搜索或返回上一页的。或许还没有人来完成这项工作,但是完成这个工作应该是很困难的至少是不太明知的或者会因此带来更多的麻烦。(译注:现在已经有很多开源的框架可以实现历史记录功能)”。其实ajax实时搜索还是很有吸引力的,现在的很多网站都有这个功能。学习一下还是很有意义的。







本文转自JeffWong博客园博客,原文链接:http://www.cnblogs.com/jeffwongishandsome/archive/2009/01/10/1322486.html,如需转载请自行联系原作者


目录
相关文章
|
5月前
|
开发框架 前端开发 .NET
用ajax和asp.net实现智能搜索功能
用ajax和asp.net实现智能搜索功能
43 0
|
JavaScript 搜索推荐 API
JQuery+ajax实现类似百度搜索自动匹配功能
JQuery+ajax实现类似百度搜索自动匹配功能
315 0
JQuery+ajax实现类似百度搜索自动匹配功能
|
前端开发 CDN
【React】归纳篇(八)在React中发送Ajax请求-axios | fetch | 练习-写一个搜索请求
【React】归纳篇(八)在React中发送Ajax请求-axios | fetch | 练习-写一个搜索请求
289 0
【React】归纳篇(八)在React中发送Ajax请求-axios | fetch | 练习-写一个搜索请求
|
前端开发 Java 大数据
select2,利用ajax高效查询大数据列表2(可搜索、可分页)
select2,利用ajax高效查询大数据列表(可搜索、可分页)
155 0
|
前端开发 JavaScript 搜索推荐
select2,利用ajax高效查询大数据列表 1(可搜索、可分页)
select2,利用ajax高效查询大数据列表(可搜索、可分页)
408 0
select2,利用ajax高效查询大数据列表 1(可搜索、可分页)
|
SQL Web App开发 前端开发
|
前端开发 JavaScript 搜索推荐
select2,利用ajax高效查询大数据列表(可搜索、可分页)
二、导入css和js到网站上 1.使用CDN,节省自己网站的流量 ? 1 2 2.下载文件到本地,可以做一些个性的定制(比如说修改提示语) git下载地址 ? 1 2 3 4 5 三、真刀真枪的干起来 第一步、定制页面个性化元素 ? 1 2 3  沉默王二 Java端通过name属性可获得select的value值。
1393 0
|
前端开发 JavaScript 搜索推荐
select2,利用ajax高效查询大数据列表(可搜索、可分页)
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/72519313 select2是一款jquery插件,是普通form表单select组件的升级版。
1549 0
|
5月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
39 0