ajax json数据交互

Ajax是一种让浏览器无需刷新即可向服务器发送请求并获取响应的技术。而JSON是一种轻量级的数据传输格式，常用于数据交互。将两者结合，就可以实现JavaScript与服务器间的高效数据传输和交互。

在使用Ajax和JSON交互时，我们需要使用JavaScript编写代码。具体步骤如下：

//创建XMLHttpRequest对象
var xmlhttp;
if(window.XMLHttpRequest){
    //IE7+,Firefox,Chrome,Opera,Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}else{
    //IE6,IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

//设置回调函数，处理响应的数据
xmlhttp.onreadystatechange=function(){
    if(xmlhttp.readyState==4 && xmlhttp.status==200){
        //接收来自服务器端的JSON数据，并处理
        var myObj=JSON.parse(xmlhttp.responseText);
        //获取JSON中的数据
        document.getElementById("myDiv").innerHTML=myObj.name;
    }
};

//向服务器发送请求，并传递参数
xmlhttp.open("POST","ajax_json_handler.asp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");

上述代码中，我们首先创建了一个XMLHttpRequest对象。接着，设定回调函数，用于处理服务器传回的数据。在回调函数中，我们解析从服务器传回的JSON数据，并将解析后的数据显示在页面上。

最后一步是向服务器发送请求，并传递参数。在此例中，我们使用POST方法向处理程序（ajax_json_handler.asp）传递两个参数：fname和lname。由于POST方法可以传递大量数据，因此它是处理复杂参数的理想选择。