ajax传参json实例

AJAX技术可以使页面在不刷新的情况下向服务器发送异步请求并更新页面内容。其中最重要的一步是通过传递JSON对象来处理请求参数。下面是一个简单的AJAX传参JSON实例：

$(document).ready(function() {
    // 给按钮添加点击事件
    $("button").click(function(event) {
        // 防止按钮默认跳转
        event.preventDefault();
        
        // 发送异步请求
        $.ajax({
            url: "/api/create_user",type: "POST",data: JSON.stringify({
                "username": $("#username").val(),"password": $("#password").val(),"email": $("#email").val()
            }),contentType: "application/json",dataType: "json",success: function(result) {
                alert("用户创建成功！");
            },error: function(err) {
                console.log(err.responseText);
            }
        });
    });
});

在上面的代码中，我们通过点击按钮，向服务器发送了一条POST请求来创建新用户。在data属性中，我们使用了JSON.stringify()方法来将用户输入的数据转换为JSON格式，然后在contentType属性中指定数据格式为application/json。最后，使用jQuery的$.ajax()方法来发送请求。