ajax实现类似百度和google的下拉框原理
大家在访问 google或百度的时候，假如要搜索“阿凡达”，我们可能只需要输入一个 “阿”字，网站就会自动匹配一些词组供我们选择，这个设计非常人性化。今天我们就此技术简要介绍，本文假设读者不清楚ajax技术细节。
先说说AJAX，我之前也没有关注过这方面，稍微了解了一下，其实它就是一个客户端脚本与服务器动态通信，在WEB界面不刷新的情况下就可以进行交互的一个技术。这个技术能带来非常棒的用户体验，将网页从“表单”提交方式，变成了界面互动方式，使得整个页面看上去交互性更强大，更方便。
ajax 大致流程如下：
1客户端脚本 - 2触发事件 - 3访问服务器脚本 - 4通过固定数据格式回传数据 - 5客户端动态呈现
这里4一般通用的数据传输方式为XML或者jason（轻量级）
下面就我们实现这个自动匹配输入框的一些限制作要求：
1.词汇取自服务器的一个数据库。
2.一次取10个词。
3.词的匹配为子串匹配。
下面看一下相关重要部分的代码：
客户端javascript
var http_request=false;
function on_search()
{
var content = document.getElementById("searchname").value;
if( content != "" )
document.getElementById("searchresult").innerHTML="正在搜索...";
else
document.getElementById("searchresult").innerHTML="";
////////////创建http request//////////////////
http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest)//Mozilla浏览器
{
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType)
{//设置MIME类别
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)//IE浏览器
{
try
{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}
catch(e)
{
try
{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}
catch(e){}
}
}
//异常，创建对象实例失败
if(!http_request)
{
document.getElementById("searchresult").innerHTML="<font color=red>Fault error:创建XMLHttp对象失败！</font>";
return false;
}
//在URL添加随机数防止浏览器cache页面
var posturl= "Ajax_test.php?keyword=" + encodeURIComponent(content) + "&random=" + Math.random()*(10000)
相关文档：
原文地址：http://hi.baidu.com/zhangqiuxi/blog/item/3d0206a84bbd72bbcb130cab.html
这篇文章说明 AJAX 相关技术的基础，并提供实例供您上手。
第一步 – 说声「请」 （又称为「怎么发出 XMLHttpRequest」）
为 了用 JavaScript 对服务器发送 HTTP 要求，你必须先以相关的类别（class）制出实体（instance）。Int ......
大家先看一段简单的jquery ajax 返回值的js
代码
function getReturnAjax{
$.ajax({
type:"POST",
url:"ajax/userexist.aspx",
data:"username="+vusername.value,
success:function(msg){
&nb ......
Ajax(Asynchronous JavaScript and XML)是一个结合了Java技术、XML、以及JavaScript的编程技术，可以让你构建基于Java技术的Web应用，并打破了使用页面重载的惯例。
Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。� ......
在
vs2008为asp.net ajax添加js智能感知
今天找了好久，终于搞清楚了，scriptManager控件支持js智能感知，而从其继承的toolkitScriptManager不支持。至少在
vs2008b2中是这样。
要在js文件中添加asp.net ajax的js智能感知（与scriptManager控件无关），在js文件的开头添加这样一行即可：
//
/<referen ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> ......
