Ajax POST请求获取后台返回的数据

前端之家收集整理的这篇文章主要介绍了Ajax POST请求获取后台返回的数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
function ajax(){

    var name = document.getElementById('username').value   // 对传递的特殊符号(例如& =)进行编码处理  // 同时对 中文 也会进行编码处理  name = encodeURIComponent(name)

    var info = "name=" + name;

    // 1. 创建一个ajax对象  var xhr = new XMLHttpRequest();

    // 4. 设置请求回调方法  xhr.onreadystatechange = function back(){
        alert(info);
        if (xhr.readyState == 4) {
            alert(xhr.responseText);
        }

    }

    // 2. 发送请求  xhr.open('post','./ajax.PHP');

    // 3. 发送  // post方式传递数据是以模拟form表单传递数据  // form表单的post格式是通过xml的形式传递给服务器  // 以下setRequestHeader必须在open方法之后调用  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

    xhr.send(info);
}

猜你在找的Ajax相关文章