ajax连接服务器框架
发布时间:2020-12-16 02:51:56 所属栏目:百科 来源:网络整理
导读:ajax.js function ajax(url,fnSucc,fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器(打开和服务器的连接) //open(方法,文件名,
ajax.js function ajax(url,fnSucc,fnFaild) { //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器(打开和服务器的连接) //open(方法,文件名,异步传输) oAjax.open('GET',url,true); //3.发送请求 oAjax.send(); //4.接收返回,当ajax和服务器有通信的时候会发生 oAjax.onreadystatechange=function (){ //oAjax.readyState 浏览器和服务器,进行到哪一步了 if(oAjax.readyState == 4){//读取完成 if(oAjax.status==200){//成功 //alert('成功了:'+oAjax.responseText); fnSucc(oAjax.responseText); } else { //alert('失败了'); if(fnFaild) { fnFaild(); } } } }; } 测试页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button id="btn1">读取</button> <ul id="ul1"> <li>用户名:<b>张三</b>-----密码:<i>123456</i></li> </ul> <script src="ajax.js"></script> <script> var btn=document.getElementById('btn1'); var ul=document.getElementById('ul1'); btn.onclick=function () { ajax('http://localhost/ajax/a.txt',function (str) { var arr=eval(str); var el=null; for(var i=0;i<arr.length;i++){ el=document.createElement('li'); el.innerHTML='用户名:<b>'+arr[i].user+'</b>-----密码:<i>'+arr[i].pwd+'</i>'; ul.appendChild(el); } },function () { alert('failed') }) } </script> </body> </html> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |