Ajax踩过的坑及经验（一）

Ajax简介：

AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。

提示：如果没有 jQuery，AJAX 编程还是有些难度的。

Ajax开发步骤：

1. 首先要引入jquery。

    注意：在jsp 引入jquery时，<script >标签 一定要不能单标签结束。否则浏览不会报错，页面也会停止渲染。切记切记！！！

 引入 jQuery 正确写法：

<script src="resource/js/jquery-3.3.1.min.js"> </script>

2.书写ajax Demo:

<script>

    $("#ff").click(function(){  <!-- 获取DOM 对象 -->
        console.log($("button"));
        $.ajax({
            type: 'POST',      <!-- 请求方式 默认是'GET'请求 -->
            data:{},           <!--将要传给后台的参数（json）写到这里  -->
            headers: {
                'Content-Type': 'application/json;charset=UTF-8'    <!-- request请求头-->
            },
            url:"${pageContext.request.contextPath}/user/findAll.do",<!-- 请求URL -->
            async:true,            
            success:function(result){                                <!--请求成功后，后台返回的数据 -->
            $("div").html(result);
        }});
    });

</script>

 至此开发完成。

至于 如何对 前端对数据的处理。请看第二篇博客。 

data:JSON.stringify(param) 转json字符串