我对XMLHttpRequest
还不熟悉,我希望服务器根据用户点击的按钮等处理不同的请求。
我设置了getData()
方法,但这样做的最佳方法是什么?我只有两个参数,一个用于数据文件,另一个用于URL/requestBody
,以便我可以在调用getData()
方法时传递适当的变量和数据文件?还有另一种方法吗?
我的g etData()
方法:
var xhr = createRequest();
function getData(dataSource, divID, fName, lName, phone, pickupUnitNumber, pickupStreetNumber, pickupStreetName, pickupSuburb, pickupDate, pickupTime, destinationSuburb, numPassengers, status){
if(xhr){
var obj = document.getElementById(divID);
var requestBody = "fName="+encodeURIComponent(fName)+"&lName="+encodeURIComponent(lName)+"&phone="+encodeURIComponent(phone)+
"&pickupUnitNumber="+encodeURIComponent(pickupUnitNumber)+"&pickupStreetNumber="+encodeURIComponent(pickupStreetNumber)+"&pickupStreetName="+pickupStreetName+
"&pickupSuburb="+encodeURIComponent(pickupSuburb)+"&pickupDate="+encodeURIComponent(pickupDate)+"&pickupTime="+encodeURIComponent(pickupTime)+
"&destinationSuburb="+encodeURIComponent(destinationSuburb)+"&numPassengers="+encodeURIComponent(numPassengers)+"&status="+encodeURIComponent(status);
xhr.open("POST", dataSource, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if(xhr.readyState == 4 && xhr.status == 200){
obj.innerHTML = xhr.responseText;
}
}
xhr.send(requestBody);
}
}
提前致谢