Ajax

Ajax：支持局部的网页刷新而不用整个网页重新刷新，提高效率。

目前我是使用jquery来操作Ajax，因为原生的相较于jquery要麻烦一点，其次jquery作为JavaScript的类库达到的效果同原生一样。

使用方法：

$.ajax({

...

})

或者

$.post({

....

})

$.get({

....

})

第一种$.ajax是需要在{}内指定method："请求类型的：get/post"

其他的已经指定了类型就不用了。

ajax有哪些属性呢？

1. url ：提交的地址
2. data ：提交的数据，使用{key：value}的方式保存，
3. type ：1.9以后叫method,也就是提交数据的方式 method：post/get
4. dataType. ... 提交的数据类型 json
5. async 异步
6. cache 缓存
7. success 回调函数

例子:

$.ajax({
    url:"${pageContext.request.contextPath}/ajax_handler",
    method:"post",
    data:{"name":$("#input1").val()},
    success:function(data){
        $("#input2").val(data);
    }
})

$.post({
    url:"${pageContext.request.contextPath}/ajax_handler",
    data:{"name":$("#input1").val()},
    success:function(data){
        $("#input2").val(data);
    }
})

$.get({
    url:"${pageContext.request.contextPath}/ajax_handler",
    data:{"name":$("#input1").val()},
    success:function(data){
        $("#input2").val(data);
    }
})