ASP.NET搭配Ajax实现搜索提示功能_实用技巧_

 //IE浏览器 try { //IE5.0 httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { //IE5.5 以上版本 httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } 

 //火狐, Safari 等浏览器 httpRequest = new XMLHttpRequest(); 

 function createAjaxObj() { var httpRequest = false; //判断是否包含XMLHttpRequest对象 PS:将来IE高也有可能继承次对象 if (window.XMLHttpRequest) { //火狐 , Safari 等浏览器 httpRequest = new XMLHttpRequest(); if (httpRequest.overrideMimeType) httpRequest.overrideMimeType('text/xml'); }//判断是否支持Active控件对象 else if (window.ActiveXObject) { //IE浏览器 try { //IE5.0 httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { //IE5.5以上 httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } //返回创建好的AJAX对象 return httpRequest; }

 //IE浏览器 if (navigator.userAgent.indexOf("MSIE") > 0) { } //火狐浏览器 if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {} 

 function getOs() { //判断浏览器类型 if (navigator.userAgent.indexOf("MSIE") > 0) { //此时假设文本框id为'txtSearch' //为文本框附加IE所支持的事件 document.getElementById('txtSearch').attachEvent("onpropertychange", search); OsTyep = "MSIE"; } else if (navigator.userAgent.indexOf("Firefox") > 0) { //此时假设文本框id为'txtSearch' //为文本框附加火狐所支持的事件 document.getElementById('txtSearch').addEventListener("input", search, false); OsTyep = "Firefox"; } } 

 var searchReq = createAjaxObj(); var OsTyep = ''; function getOs() { //判断浏览器类型 if (navigator.userAgent.indexOf("MSIE") > 0) { document.getElementById('txtSearch').attachEvent("onpropertychange", search); OsTyep = "MSIE"; } else if (navigator.userAgent.indexOf("Firefox") > 0) { document.getElementById('txtSearch').addEventListener("input", search, false); OsTyep = "Firefox"; } } function ClearOS() { if (navigator.userAgent.indexOf("MSIE") > 0) { document.getElementById('txtSearch').detachEvent("onpropertychange", search); OsTyep = "MSIE"; } else if (navigator.userAgent.indexOf("Firefox") > 0) { document.getElementById('txtSearch').removeEventListener("input", search, false); OsTyep = "Firefox"; } } function createAjaxObj() { var httpRequest = false; //判断是否包含XMLHttpRequest对象 PS:将来IE高也有可能继承次对象 if (window.XMLHttpRequest) { //火狐 , Safari 等浏览器 httpRequest = new XMLHttpRequest(); if (httpRequest.overrideMimeType) httpRequest.overrideMimeType('text/xml'); //ie: onpropertychange //ff: oninput } //判断是否支持Active控件对象 else if (window.ActiveXObject) { //IE浏览器 try { //IE5.0 httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { //IE5.5以上 httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } //返回创建好的AJAX对象 return httpRequest; } 

 //异步请求服务器获取搜索结果 function search() { if (searchReq.readyState == 4 || searchReq.readyState == 0) { //获得文本框中的值 var valStr = escape(document.getElementById("txtSearch").value); //建立连接 searchReq.open("GET", encodeURI('Search.ashx?search=' + valStr+'&fresh=' + Math.random()), true); //当请求状态改变时调用 handleSearch方法 searchReq.onreadystatechange = handleSearch; searchReq.send(null); } } //返回结果处理方法 function handleSearch() { if (searchReq.readyState == 4) { //获得搜索提示结果的元素DIV var searchDIV = document.getElementById("search_div"); searchDIV.innerHTML = ""; //用^将返回的文本数据分割成数组 var resultStrArr = searchReq.responseText.split("^"); //循环构建HTML代码 for (var i = 0; i < resultStrArr.length - 1; i++) { var htmlStr = '
'; searchDIV.innerHTML += htmlStr; } ShowDiv(); x = -1; } }

 function selectOverDiv(div_value, i) { div_value.className = "search_link_over"; var my_div = document.getElementById("search_div").getElementsByTagName("div") var the_num = my_div.length; for (var k = 0; k < the_num; k++) { selectOut(my_div[k]); if (k == i) { selectOver(my_div[k]) } } isCheckDiv = true; x = i; } function selectOutDiv(div_value,i) { isCheckDiv = false; div_value.className = "search_link"; x = i; } function setSearch(value) { //清空文本框的内容改变事件是因为我们给选中值复制时 该事件会触发 //所以先清空次事件 ClearOS(); document.getElementById("txtSearch").value = value; //设置该属性为false 在调用HiddenDiv函数会隐藏提示结果DIV isCheckDiv = false; HiddenDiv(); //在赋值完成后再次附加修改时间 getOs(); } function ShowDiv() { var content = document.getElementById("txtSearch").value; var divConten = document.getElementById("search_div").innerHTML; if (content != '' && divConten != '') { document.getElementById("search_div").style.display = "block" } else { isCheckDiv = false; HiddenDiv(); } } function HiddenDiv() { if (isCheckDiv == false) { document.getElementById("search_div").style.display = "none"; document.getElementById("search_div").innerHTML = ''; } } 

 var index = -1; //表示当前选中的行索引 function keyDown() { var value = event.keyCode //向上38，向下40，回车13 var the_key = event.keyCode //判断提示DIV是否是现实状态 if (document.getElementById("search_div").style.display != "none") { //获取里面所用行 var my_div = document.getElementById("search_div").getElementsByTagName("div") var the_num = my_div.l
                
提示：
                    本文由神整理自网络，如有侵权请联系本站删除！
                    

                    本站声明： 

                    1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持； 

                    2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！
                
                

                

                                            
上一篇：ASP.NET对txt文件相关操作（读取、写入、保存）_实用技巧_
                                                                
下一篇：DropDownList设置客户端事件思路_实用技巧_