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

最新推荐文章于 2024-12-11 06:39:56 发布

原创最新推荐文章于 2024-12-11 06:39:56 发布 · 6.7k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Php 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个使用AJAY技术实现表单数据提交的例子。该示例展示了如何通过JavaScript获取表单输入值，并使用POST方法将这些值发送到服务器端的ajax.php文件。文章还介绍了如何对数据进行编码处理，确保传输过程中的正确性。

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