javaweb+jQuery ajax实例

什么是ajax

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
AJAX 是一种用于创建快速动态网页的技术。
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

jQuery对ajax方法进行了很好的封装，使用起来非常便利。

1.引入jquery库文件

可以引用本地的jquery.js或者jquery.min.js文件，语法如下：

<script src='jquery.min.js'></script>

或者通过CDN(内容分发网络)引用，此时需要联网

//Runoob CDN
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
//Baidu CDN
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
//Google CDN
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>

2.在页面上使用jQuery封装好的ajax方法

$.ajax({
    url:'', //要请求的url地址
    type:'POST', //请求方法 GET or POST
    async:true, //是否使用异步请求的方式
    timeout:5000, //请求超时的时间，以毫秒计
    data:{
        name : 'rammus'
    }, //参数，用POST方法时使用，如果用GET方法则直接在url后拼接参数即可
    dataType:'json', //预期的服务器返回参数类型
    beforeSend:function(){
   
        ...
    },//再发送请求前调用的方法
    s