首页 > 代码库 > 原生Ajax
原生Ajax
<script type="text/javascript"> //1 创建xhr对象 var xhr = createXHR(); function createXHR() { var request; if (typeof (XMLHttpRequest) == "undefined") { //ie老版本中创建的方式 request = new ActiveXObject("Microsoft.XMLHTTP"); } else { //支持标准的浏览器创建的方式 request = new XMLHttpRequest(); } return request; } window.onload = function () { document.getElementById("txt").onkeyup = function () { var txt = this; //判断是否有mydiv var mydiv = document.getElementById("mydiv"); if (mydiv) { document.getElementById("container").removeChild(mydiv); } if (this.value.length <= 0) { return; } //2 xhr.open("get", "defalut.ashx?wd=" + this.value, true); //3 xhr.onreadystatechange = function () { if (xhr.readyState == 4) { if (xhr.status == 200) { var r = xhr.responseText; //把字符串转换成数组对象 var array = eval(r); //动态生成div var div = document.createElement("div"); div.id = "mydiv"; document.getElementById("container").appendChild(div); // var ul = document.createElement("ul"); div.appendChild(ul); for (var i = 0; i < array.length; i++) { var li = document.createElement("li"); li.innerHTML = array[i]; ul.appendChild(li); li.onmouseover = function () { this.style.backgroundColor = "red"; txt.value = this.innerHTML; } li.onmouseout = function () { this.style.backgroundColor = ""; } } } } } //4 xhr.send(); } } </script>
原生Ajax
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。