Java二阶段 ajax

全局变量和局部变量

导入js 文件：<script src="浏览器根路径"></script>不能在文本节点添加任何东西。
如果var变量不属于任何方法里，它属于script,所有的地方都能访问，属于全局变量，不管是在js文件还是在jsp中，都能访问。

传统的AJAX

get请求

var xhr;
if(window.ActiveXObject) {
    //IE
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
}else {
    //chrome webkit IE7+
    xhr = new XMLHttpRequest();
}
//初始化,参数：请求方式，请求地址，请求是异步还是同步，默认false,为异步方式
xhr.open("get", "${pageContext.request.contextPath}/post?username="+document.getElementById("username").value);
//发送
xhr.send();
//接收
xhr.onreadystatechange = function () {
    //readyState有4种 0=未初始化 1=初始化 2=已发送 3=开始接收响应 4=响应的内容全部接受完
    if(xhr.readyState == 4 && xhr.status == 200) {
        //接收内容
        var ret = xhr.responseText;
        document.getElementById("msg").innerHTML = ret;

post 请求

function ajaxSend(method,url,param){
    var xhr;
    //创建对象
    if(window.ActiveXObject){
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }else {
        xhr = new XMLHttpRequest();
    }
    //初始化对象
    xhr.open(method,url);
   //接收
    xhr.onreadystatechange = function () {
        if(xhr.readyState == 4 && xhr.status == 200) {
            var ret = xhr.responseText;
            document.getElementById("msg").innerText = ret;
        }
    }
     //发送 send()可以在后面，因为只有状态到了4，他才发送。
    if(method == "post") {
        xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        xhr.send(param);
    }else {
        xhr.send();
    }
}

<script src="${pageContext.request.contextPath}/myajax.js"></script>
<script>
    function send() {
        var method = "post";
        var url = "${pageContext.request.contextPath}/post";
        var param = "username=" + document.getElementById("username").value;
        ajaxSend(method, url,param);
    }
</script>

除了onreadystatechange还有 onload
不需要判断

xhr.onload = funciton(){	
 	var ret = xhr.responseText;
}

这种XMLHTTPRequset不能实现跨域

JSON格式

[]  表示数组
{}  表示对象
""  表示是属性名或字符串类型的值
:   表示属性和值之间的间隔符
,   表示多个属性的间隔符或者是多个元素的间隔符	

JSON解析

FastJSON是阿里开发专门用来处理JSON的工具包

java中

//将JSON字符串转换成java对象，数组格式
List<User> users1 = JSON.parseArray(jsonString, User.class);
//将JSON字符串转化为java对象
JSONObject jsonObject = JSON.parseObject(jsonString);

浏览器处理JSON

设置回调函数