给初学ajax的人 ajax函数代码
代码如下:
/* 调用方式: 1.POST方式 var txt = escape(sender.value); //document.getElementById("<%= txtName.ClientID %>").value); var data = "name=" + txt + "&pwd=" + txt; var option = { "url": "handler/Handler.ashx" , "action": "POST" , "callback": function(){ if (xmlHttp.readyState == 4) {//服务器给了回应 if (xmlHttp.status == 200) {//服务正确响应 alert(xmlHttp.responseText); } xmlHttp = null; //回收资源 } } , "data": data }; ajax(option); 2.GET方式 var txt = escape(sender.value); //document.getElementById("<%= txtName.ClientID %>").value); var option = { "url": "handler/Handler.ashx&name=" + txt + "&pwd=" + txt , "action": "POST" , "callback": function(){ if (xmlHttp.readyState == 4) {//服务器给了回应 if (xmlHttp.status == 200) {//服务正确响应 alert(xmlHttp.responseText); } xmlHttp = null; //回收资源 } } }; ajax(option); */ function ajax(option) { createXMlHttpRequest(); //创建xmlHttpRequest 对象 if (option != null && option != undefined) { if (option.url == null && option.url == undefined) { xmlHttp = null; alert("缺少必要参数option.url"); return; } if (option.action == null && option.action == undefined) { xmlHttp = null; alert("缺少必要参数option.action"); return; } xmlHttp.open(option.action, option.url, true); if (option.contentType != null && option.contentType != undefined) { xmlHttp.setRequestHeader("Content-Type", option.contentType); } else { xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); } if (option.callback != null && option.callback != undefined) { xmlHttp.onreadystatechange = option.callback; } if (option.action.toUpperCase() == "POST") { xmlHttp.send(option.data); } else { xmlHttp.send(null); } } } var xmlHttp; //调用完成后最好回收下 xmlHttp = null; /*获取元素*/ function g(arg) { var t = document.getElementById(arg); if (null != t && t != undefined) { return t; } t = document.getElementsByName(arg); if (null != t && t != undefined) { return t; } t = document.getElementsByTagName(arg); if (null != t && t != undefined) { return t; } } /*创建ajax请求对象*/ function createXMlHttpRequest() { try {//Firefox, Chrome, Surfri, Opera+8 xmlHttp = new XMLHttpRequest(); } catch (ie) { try {//IE6+ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (ie) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
相关推荐
坚持着执着 2020-07-16
坚持着执着 2020-06-14
李永毅 2020-06-21
chongxiaocheng 2020-08-16
ppsurcao 2020-06-14
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
jiaguoquan00 2020-07-07