ajax===http://blog.csdn.net/seuge/article/details/8209685
“Asynchronous JavaScript and XML”(异步JavaScript和XML)
我们操作网页时往往只需要刷新网页上的一部分数据甚至可能是一个文本框内的数据,但是采用传统的刷新方式服务器会把整个页面重新发送至浏览器,浏览器再加载整个页面,这样不仅浪费了带宽,而且整个页面刷新视觉上也不流畅。
ajax技术解决了这一问题,ajax的思路是我需要刷新局部数据时给服务器一个请求,服务器收到请求后将数据将需要刷新的数据回送,浏览器接受到数据后通过脚本更新相应位置的数据,这个过程必须是在后台进行的。实现这个过程的核心便是JavaScript对象XmlHttpRequest。该对象在是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。
在goahead中的实现:
- <html>
- <head>
- <scripttype="text/javascript">
- functionloadXMLDoc()
- {
- varxmlhttp;
- if(window.XMLHttpRequest)
- {//codeforIE7+,Firefox,Chrome,Opera,Safari
- xmlhttp=newXMLHttpRequest();
- }
- else
- {//codeforIE6,IE5
- xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
- }
- xmlhttp.onreadystatechange=function()
- {
- if(xmlhttp.readyState==4&&xmlhttp.status==200)
- {
- document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
- }
- }
- xmlhttp.open("GET","/ajax/",true);
- xmlhttp.send();
- }
- </script>
- </head>
- <body>
- <divid="myDiv"><h2>需要刷新的局部内容</h2></div>
- <buttontype="button"onclick="loadXMLDoc()">通过AJAX实现局部刷新</button>
- </body>
- </html>
2.在服务器端实现XMLHttpRequest的请求应答。
为ajax请求专门创建一个handle //和asp 或form一样,在.c文件中添加ajax处理函数。
- intwebsAjaxHandler(webs_twp,char_t*urlPrefix,char_t*webDir,intarg,
- char_t*url,char_t*path,char_t*query)
- {
- websHeader(wp);
- websWrite(wp,T("<body><h2>thisisajaxtest!</h2>\n"));
- websFooter(wp);
- websDone(wp,200);
- return1;
- }
- websUrlHandlerDefine(T("/ajax"),NULL,websAjaxHandler,0);
扩展
- xmlhttp.open("GET",true);
- xmlhttp.send();