ajax传json对象到后台 demo

AJAX是指一组Web开发技术，主要用于网页浏览器页面的异步更新，通过AJAX我们可以向后台那数据，并实现无需刷新页面即可获得数据的效果。下面我们将介绍如何使用AJAX传递JSON对象到后台

function ajaxPost(url,params,callback){
    var xmlhttp;
    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            var response = xmlhttp.responseText;
            var data = JSON.parse(response);
            callback(data);
        }
    }
    xmlhttp.open("POST",url,true);
    xmlhttp.setRequestHeader("Content-type","application/json");
    xmlhttp.send(JSON.stringify(params));
}

以上是一个封装的AJAX POST请求的函数，其中url表示请求的URL地址，params表示要发送的JSON对象，callback则是请求成功后的回调函数。这个函数中通过XMLHttpRequest对象，使用了POST方法向后台发送了一个JSON对象，同时还设置了发送信息的类型（Content-type）。

下面是使用这个函数的一个示例，我们可以将用户输入的用户名和密码组成一个JSON对象，然后通过这个AJAX POST请求发送到后台：

var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var user = { "username": username,"password": password };
ajaxPost("/login",user,function (data) {
  // 处理返回的数据
});

以上是一个使用AJAX POST请求发送JSON对象的示例，其中将用户输入的用户名和密码封装成一个JSON对象，并传递到后台的/login接口中去。在回调函数里可以用data参数来获取后台返回的数据，并进行相应的处理。