AJAX的一个简单实例，跨域的解决，使用JQuery来进行ajax的调用

// 采用原生的js代码（get请求）
//1.实例化XMLHttpRequest对象
var request = new XMLHttpRequest();
//2.调用open方法，第一个参数为请求方式（get、post），第二个参数为请求地址，第三个参数为异步或者同步
 request.open("GET", "请求url"，true);
 //3.发送请求
 request.send();
 //4.监听服务器响应数据
 request.onreadystatechange = function () {
            if (request.readyState === 4) {
                if (request.status === 200) {
                    console.log(request.responseText);//打印服务器响应的数据
                }else {
                    alert("错误");
                }
            }
        }

// 采用原生的js代码（post请求）
//1.实例化XMLHttpRequest对象
var request = new XMLHttpRequest();
//2.调用open方法，第一个参数为请求方式（get、post），第二个参数为请求地址，第三个参数为异步或者同步
 request.open("POST", "请求url"，true);
 //3.准备数据
 var data = ['key' = 'value'];
 //4.设置响应头,注意post请求必须添加响应头
 request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 //5.发送请求
 request.send(data);
 //6.监听服务器响应数据
 request.onreadystatechange = function () {
            if (request.readyState === 4) {
                if (request.status === 200) {
                    console.log(request.responseText);//打印服务器响应的数据
                }else {
                    alert("错误");
                }
            }
        }

//JQuery
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>//引入jq库
$.ajax({
	type: "GET",	
	url: "请求url",
	dataType: "json",
	success: function(data) {
		//请求成功后回调函数
	},
	error: function(jqXHR){
		//请求失败后回调函数
	},
});

//JQuery
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>//引入jq库
$.ajax({
	type: "POST",	
	url: "请求url",
	data:{
		key:value
	},
	dataType: "json",
	success: function(data) {
		//请求成功后回调函数
	},
	error: function(jqXHR){
		//请求失败后回调函数
	},
});

header('Access-Control-Allow-Origin:*'); //*为支持所有地址跨域，可以改为只允许特定地地址跨域
header('Access-Control-Allow-Methods:POST,GET');//POST、GET为允许的请求方式