ajax与后台交互

来源：互联网发布：c语言eof函数编辑：程序博客网时间：2024/05/01 17:59

因为这个项目没有用到任何框架，也没有用到jquery,ext等js框架，所以要做ajax操作需要采用传统的做法。

将ajax.js引入到jsp中，就可以访问后台并得到返回的结果了。

ajax.jsif(typeof Ajax == "undefined"){ var Ajax = {};}/*创建XMLHttpRequest对象*/Ajax.createXMLHttpRequest = function(){ var _xmlHttpRequest; if(window.ActiveXObject){ try{ _xmlHttpRequest = new ActiveXObject("Msxml3.XMLHTTP"); }catch (e){ try{ _xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP"); }catch (e){ try { _xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ } } } }else if(window.XMLHttpRequest){ _xmlHttpRequest = new XMLHttpRequest(); if(_xmlHttpRequest.overrideMimeType) _xmlHttpRequest.overrideMimeType('text/xml'); } return _xmlHttpRequest;}/*发送请求, url:请求地址; callback:处理请求响应的回调函数; content: 请求参数; method:请求方式(post,get两种,默认为post)*/Ajax.sendRequest = function(url, callback, content, method){ var _xmlHttpRequest = this.createXMLHttpRequest(); if(!_xmlHttpRequest){ alert("此浏览器版本不支持XMLHttpRequest对象,建议使用支持XMLHttpRequest对象的浏览器查看本页!"); return false; } _xmlHttpRequest.onreadystatechange = function(){ if(_xmlHttpRequest.readyState == 4 && _xmlHttpRequest.status == 200){ var _reXML = _xmlHttpRequest.responseXML; if(_reXML != null && _reXML.xml != null && _reXML.xml != "") callback(_reXML.xml); else callback(_xmlHttpRequest.responseText); } }; if(method != "get") method = "post"; if(method.toLowerCase() == "get"){ _xmlHttpRequest.open("get", url, true); }else{ _xmlHttpRequest.open("post", url, true); _xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); } _xmlHttpRequest.send(content);}/*用Ajax提交Form表单,form:表单名; callback:处理请求响应的回调函数*/Ajax.commitForm = function(form, callback){ var url = form.action; var method = form.method; var content = ""; for (var i=0;i<form.elements.length;i++){ var e = form.elements[i]; if(e.type=="checkbox" || e.type=="radio"){ if(e.checked) content += e.name + "=" + e.value + "&"; }else content += e.name + "=" + e.value + "&"; } this.sendRequest(url, callback, content, method);}

request.jsp<script type="text/javascript" src="ajax.js"></script><SCRIPT LANGUAGE="JavaScript"></SCRIPT>