回顾ajax

https://www.runoob.com 菜鸟网里面教程很详细

但为了在手机上看着方便，还是写几个案例放在这里

JS原生方式：

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

xmlhttp.open("GET","url?name=tom&pwd=123",true);
xmlhttp.send();
/* 
xmlhttp.open("POST","url",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name=tom&pwd=123");
*/
xmlhttp.onreadystatechange=function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    	//请求和相应已就绪且成功
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}		

jQuery方式：

$("button").click(function(){
    $.ajax(
    	{
    	    url:"/url",
            data：{json}，
    	    success:function(result){
        	$("#div1").html(result);
    	    }
    	}
    );
});

json：

JSON: JavaScript Object Notation(JavaScript 对象表示法)

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

JSON 实例
{
    "sites": [
        { "name":"菜鸟教程" , "url":"www.runoob.com" }, 
        { "name":"google" , "url":"www.google.com" }, 
        { "name":"微博" , "url":"www.weibo.com" }
    ]
}