JS发送数据XMLHttpRequest

JS 发送数据 XMLHttpRequest

function sendData(data)
{
    var XHR = new XMLHttpRequest();
    var urlEncodedData = "";
    var urlEncodedDataPairs = [];
    var name;

    for (name in data)
    {
        urlEncodedDataPairs.push(encodeURIComponent(name) + '=' + encodeURIComponent(data[name]));
    }

    urlEncodedData = urlEncodedDataPairs.join('&').replace(/%20/g, '+');

    XHR.addEventListener('load', function (event)
        {
            alert('发送成功');
        }
    );

    XHR.addEventListener('error', function (event)
        {
            alert('发送失败');
        }
    );

    XHR.open('POST', 'https://example.com/cors.php');

    XHR.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    XHR.send(urlEncodedData);
}

---

JS 发送数据 XMLHttpRequest 和 FormDate

function sendData(data)
{
    var XHR = new XMLHttpRequest();
    var FD = new FormData();

    // 把我们的数据添加到这个FormData对象中
    for (name in data)
    {
        FD.append(name, data[name]);
    }

    // 定义数据成功发送并返回后执行的操作
    XHR.addEventListener('load', function (event)
	    {
	        alert('Yeah! Data sent and response loaded.');
	    });

    // 定义发生错误时执行的操作
    XHR.addEventListener('error', function (event)
    {
        alert('Oups! Something goes wrong.');
    }
    );

    // 设置请求地址和方法
    XHR.open('POST', 'http://ucommbieber.unl.edu/CORS/cors.php');

    // 发送这个formData对象,HTTP请求头会自动设置
    XHR.send(FD);
}