• 0回复贴,共1

prototype ajax封装

只看楼主收藏回复

var url = '/aaa';
var params = 'aaa=' + aaa + "&bbb=" +bb;
var ajaxCall = new Ajax.Updater(
'tagID',
url,
{
method: 'post',
parameters: params
}
);
var params = 'aa=' + aa + '' + '&bb=' + bb;
var url = '/aaa?' + params;
var ajaxCall = new Ajax.Request(
url,
{
method: 'post',
parameters: params,
onComplete: update
}
);
var resultLeft = oriReq.responseXML.getElementsByTagName("left");
var resultRight = oriReq.responseXML.getElementsByTagName("right");
var i = 0;
var obj;
var clientid;
var clientName;
var industryName;
var updatetime;
var resultLeftClients;
var resultRightClients;
if(resultLeft.length > 0) {
resultLeftClients = resultLeft[0].getElementsByTagName("client");
for(i = 0; i < resultLeftClients.length; i++) {
clientid = resultLeftClients[i].getElementsByTagName("clientid")[0].firstChild.nodeValue;
obj = resultLeftClients[i].getElementsByTagName("date")[0].firstChild;
if(obj == null) {
updatetime = " ";
} else {
updatetime = resultLeftClients[i].getElementsByTagName("date")[0].firstChild.nodeValue;
}
obj = resultLeftClients[i].getElementsByTagName("clientname")[0].firstChild;
if(obj == null) {
clientName = " ";
} else {
clientName = resultLeftClients[i].getElementsByTagName("clientname")[0].firstChild.nodeValue;
}
obj = resultLeftClients[i].getElementsByTagName("industryname")[0].firstChild;
if(obj == null) {
industryName = " ";
} else {
industryName = resultLeftClients[i].getElementsByTagName("industryname")[0].firstChild.nodeValue;
}
dataLeftList[i] = {clientid: clientid,
updatetime: updatetime,
clientname: clientName,
industryname: industryName};
}
}
function updateClients(oriReq) {
dataLeftList = new Array();
dataRightList = new Array();
var resultLeft = oriReq.responseXML.getElementsByTagName("left");
var resultRight = oriReq.responseXML.getElementsByTagName("right");
var i = 0;
var obj;
var clientid;
var clientName;
var industryName;
var updatetime;
var resultLeftClients;
var resultRightClients;
if(resultLeft.length > 0) {
resultLeftClients = resultLeft[0].getElementsByTagName("client");
for(i = 0; i < resultLeftClients.length; i++) {
clientid = resultLeftClients[i].getElementsByTagName("clientid")[0].firstChild.nodeValue;
obj = resultLeftClients[i].getElementsByTagName("date")[0].firstChild;
if(obj == null) {
updatetime = " ";
} else {
updatetime = resultLeftClients[i].getElementsByTagName("date")[0].firstChild.nodeValue;
}
obj = resultLeftClients[i].getElementsByTagName("clientname")[0].firstChild;
if(obj == null) {
clientName = " ";
} else {
clientName = resultLeftClients[i].getElementsByTagName("clientname")[0].firstChild.nodeValue;
}
obj = resultLeftClients[i].getElementsByTagName("industryname")[0].firstChild;
if(obj == null) {
industryName = " ";
} else {
industryName = resultLeftClients[i].getElementsByTagName("industryname")[0].firstChild.nodeValue;
}
dataLeftList[i] = {clientid: clientid,
updatetime: updatetime,
clientname: clientName,
industryname: industryName};
}
}
var j = 0;
if(resultRight.length > 0) {
resultRightClients = resultRight[0].getElementsByTagName("client");
for(j = 0; j < resultRightClients.length; j++) {
clientid = resultRightClients[j].getElementsByTagName("clientid")[0].firstChild.nodeValue;
obj = resultRightClients[j].getElementsByTagName("date")[0].firstChild;
if(obj == null) {
updatetime = " ";
} else {
updatetime = resultRightClients[j].getElementsByTagName("date")[0].firstChild.nodeValue;
}
obj = resultRightClients[j].getElementsByTagName("clientname")[0].firstChild;
if(obj == null) {
clientName = " ";
} else {
clientName = resultRightClients[j].getElementsByTagName("clientname")[0].firstChild.nodeValue;
}
obj = resultRightClients[j].getElementsByTagName("industryname")[0].firstChild;
if(obj == null) {
industryName = " ";
} else {
industryName = resultRightClients[j].getElementsByTagName("industryname")[0].firstChild.nodeValue;
}
dataRightList[j] = {clientid: clientid,
updatetime: updatetime,
clientname: clientName,
industryname: industryName};
}
}
dispListBox(dataLeftList, dataRightList);
} // end updateClients
<?xml version="1.0" encoding="UTF-8"?>
<clients>
<left>
<client>
<clientid>556</clientid>
<date>2010年8月4日</date>
<clientname>広告主_556</clientname>
<industryname>分类不能</industryname>
</client>
</left>
<right>
<client>
<clientid>556</clientid>
<date>2010年8月4日</date>
<clientname>広告主_556</clientname>
<industryname>分类不能</industryname>
</right>
</left>
</clients>
<script type="text/javascript">
<!--
// ajax script
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {/**TODO*/}
} // end createXMLHttpRequest
function refreshData(str) {
var url = '/associate/templateheightsearch?templatewidth='+templatewidth;
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
} // end refreshData
function handleStateChange() {
if(xmlHttp.readyState == 4) { // 要请完了
if(xmlHttp.status == 200) { // 成功
updateFrameHeightCombo();
}
}
} // end handleStateChange
function updateFrameHeightCombo() {
clearFrameHeightCombo();
var hcombo = document.getElementById("selcomboheight");
var result = xmlHttp.responseXML.getElementsByTagName("height");
} // end updateFrameHeightCombo
function clearFrameHeightCombo() {
var hcombo = document.getElementById("selcomboheight");
while(hcombo.childNodes.length > 0)
hcombo.removeChild(hcombo.childNodes[0]);
} // end clearFrameHeightCombo
//-->
</script>


IP属地:辽宁1楼2015-03-27 10:24回复