1、申 请 I D：s290305915
2、个人邮箱：290305915@qq.com
3、原创技术文章：
cnblogs个人地址：http://www.cnblogs.com/suchi/
由于本人是.net开发人员，所以选一篇关于ajax技术的文章放上来：
ashx仿百度搜索的自动下拉列表
制作环境是在c#中，jquery库为1.9
先是前台页面，可以是aspx也可以是html页面，这就是ashx的好处
代码：
[HTML] 纯文本查看 复制代码 <div>
<input type="text" id="search" /><input type="button" value="查询" /><br />
<div id="search_result" style=" height:200px; width:150px"></div>
</div>
再在Head节的script中添加js代码(ajax请求)：
[C#] 纯文本查看 复制代码 function SearchTo() {
var sinit = document.getElementById("search").value;
$.get("Handler.ashx", { sinit: sinit }, function (str) {
document.getElementById("search_result").innerHTML = str;
});
}
注：本人使用的是jquery 1.9.1.js
前台部分就完成了，下面添加一个名为Handler.ashx的一般处理程序文件
并在ProcessRequest事件中写入代码：
[C#] 纯文本查看 复制代码 context.Response.ContentType = "text/plain";
DataTable dr = new DataTable();
StringBuilder tb = null;
string init = context.Request["sinit"];
dr = bb.GetList(10, "BookNmae like '" + init + "%'", "bookid",1).Tables[0];
tb = new StringBuilder("");
for (int i = 0; i < dr.Rows.Count; i++)
{
tb.Append("<br />");
tb.Append(dr.Rows[i][1].ToString());
}
context.Response.Write(tb.ToString());
这样，功能就做完了
看看效果
通过keyup事件，在我们输入完成时就自动从数据库查询条目，并放入这个名为search_result的层中。
下面，我来重点解释这几句js代码，如有错误之处 请各位大神指出
先是我们定义了一个变量并且获取了id为search的这个文本框的值，再通过js的get方法将输入的数据传入Handler.ashx文件，在ashx中我们通过模糊查询将查询到的数据用值传递的方式返回到页面，再通过js的innerHTML方法写入之前的search_result层中。
好吧，其实按钮根本没用到。。。
写作日期：2014-09-23 17:26
望通过。
| 
吾爱游客
发表于 2016-11-22 11:49
发表于 2016-11-22 15:31
