var http_request = false;
function send_request(method,url,content,responseType,callback) {
http_request = false;
if(window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) {
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
window.alert("can not create http_request");
return false;
}
if(responseType.toLowerCase()=="text") {
//http_request.onreadystatechange = processTextResponse;
http_request.onreadystatechange = callback;
}
else if(responseType.toLowerCase()=="xml") {
//http_request.onreadystatechange = processXMLResponse;
http_request.onreadystatechange = callback;
}
else {
window.alert("response errors");
return false;
}
if(method.toLowerCase()=="get") {
http_request.open(method, url, true);
}
else if(method.toLowerCase()=="post") {
http_request.open(method, url, true);
http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
else {
window.alert("http request errors");
return false;
}
http_request.send(content);
}
在页面直接手写脚本并且调用如下:
-------------------------------------------------------------------------------
<script language="javascript">
var pf;
function fun(bid,cid,aid,qcname,index,cgname)
{
var xmlhttp;
try{
xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
try{
xmlhttp=new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){
alert(e);
}
}
}
xmlhttp.open("post","<%=request.getContextPath()%>/provinceAjax.do");
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4)
{
if(xmlhttp.status == 200)
{
xmlObject=xmlhttp.responseXML;
var root=xmlObject.getElementsByTagName("names");
var str="<select name=pid"+index+">";
for(var i=0;i<root.length;i++)
{
str+="<option value='"+root[i].childNodes[0].firstChild.data+"'>"+root[i].childNodes[1].firstChild.data+"</option>";
}
str+="</select>";
str+="<input type='button' value='提交' οnclick='psubmit("+index+",\""+bid+"\",\""+cid+"\",\""+aid+"\",\"" +qcname+ "\",\""+cgname+"\")'/>";
document.getElementById("provinces"+index).innerHTML=str;
}
else
{
alert("没有连接成功");
}
}
}
xmlhttp.send(null);
}
回调函数
------------------------------------------------------------------------------------
}
function regionList(){
if(http_request.readyState==4){
if(http_request.status==200)
{
var doc=http_request.responseText;
document.getElementById(pf).innerHTML=doc;
}
}
}