ajax 传json数据格式化

Ajax是一种网页开发技术。它可以在浏览器中通过JavaScript向服务器发送请求，并在不刷新整个页面的情况下更新页面的部分内容。因此，使用Ajax可以提高用户体验，并减少服务器的负担。

ajax 传json数据格式化

在Ajax中，常用的数据格式是JSON（JavaScript Object Notation）。JSON是一种轻量级的数据交换格式，易于阅读和编写。它使用键值对的方式存储数据，其中键和值之间用冒号分隔，而不同键值对之间用逗号分隔。最外层用大括号括起来，表示一个对象。

{
    "name": "张三","age": 18,"gender": "男"
}

使用Ajax传输JSON数据需要将数据格式化。在JavaScript中，使用JSON.stringify()方法将对象转换为字符串，使用JSON.parse()方法将字符串转换为对象。以下演示了如何使用Ajax传输JSON数据：

// 创建XMLHttpRequest对象
var xmlhttp = new XMLHttpRequest();

// 指定请求方法和URL
xmlhttp.open("POST","http://example.com/api/user",true);

// 指定请求头部信息
xmlhttp.setRequestHeader("Content-Type","application/json");

// 创建JSON对象
var user = {
    "name": "张三","gender": "男"
};

// 将JSON对象转换为字符串
var jsonUser = JSON.stringify(user);

// 发送请求
xmlhttp.send(jsonUser);

// 处理响应
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
        // 将字符串转换为JSON对象
        var result = JSON.parse(xmlhttp.responseText);
        console.log(result);
    }
};

在上面的代码中，我们创建了一个XMLHttpRequest对象，并使用open()方法指定请求方法和URL。接着，我们使用setRequestHeader()方法指定请求头部信息，将Content-Type设为application/json，表示请求的数据格式是JSON。然后，我们创建了一个JSON对象，将其转换为字符串，并使用send()方法发送请求。最后，我们在onreadystatechange回调函数中处理响应。如果响应成功，将响应的字符串转换为JSON对象，并打印出来。

ajax 传json数据格式化

相关文章