XMLHttpRequest处理不同的请求

时间:2016-05-15 22:35:06

标签: javascript php ajax xml xmlhttprequest

我对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);
    }
}

提前致谢

0 个答案:

没有答案