ajax提交复杂json

AJAX是现代Web应用中最常用的技术之一。它可以异步从服务器获取数据，并在不刷新页面的情况下更新网页。在很多情况下，我们需要向后端服务器提交一些复杂的数据（例如JSON格式的数据），这时候使用AJAX是最方便的方式。

下面是一个示例，介绍如何使用AJAX向后端服务器提交复杂的JSON数据：

$.ajax({
    type: 'POST',url: '/api/users',data: JSON.stringify({
        username: '张三',age: 18,phones: [
            {type: 'home',number: '123456789'},{type: 'work',number: '987654321'}
        ]
    }),contentType: 'application/json',dataType: 'json',success: function(data) {
        // 成功处理响应数据
        console.log(data);
    },error: function(xhr,status,error) {
        // 处理错误信息
        console.error(xhr,error);
    }
});

在上述示例中，我们通过jQuery的AJAX函数向后端服务器发起一个POST请求，数据类型为JSON格式。data参数是需要提交的JSON数据，我们使用JSON.stringify()将其转化为JSON字符串，以便在请求中传输。在headers中设置contentType为"application/json"，以保证后端服务器能够正确解析请求数据。dataType为'json'表示期望接收的响应内容的数据类型是JSON。

如果请求成功，success回调函数将会被执行，并且传入响应数据。如果请求失败，error回调函数将会被执行，并且传入错误信息。

总之，使用AJAX提交复杂的JSON数据非常容易，只需要使用jQuery的AJAX函数，并设置headers中的contentType为'application/json'即可。