AJAX

不会见Jquery的AJAX文件夹

引入: 实现百度的注册功能中的用户是否被注册。
思考:出现原因是什么?如何解决?
     req.getRequestDispatcher("index.jsp").forward(req,resp);
     表示跳转到一个新的页面   导致页面的刷新。
     解决方式:可以将用户名也存储,防止数据的丢失。

     这么做的缺点:如果页面的数据较多。要存的东西也很多
     另外如果页面有大量的文件例如图片等。 一个小小的文本框的区别。就要导致重新加载页面。效率非常低下

解决方式:使用AJAX

什么是AJAX

什么是AJAX(阿贾克斯  或  额贾克斯):
属于jquery的一项核心技术。用来和后台进行交互.(数据发送给后台,从后台接收数据)
复习:和后台交互的四种方式:
1.超链接
2.表单
3.location.href
4.AJAX
其中第四种和前面三种的区别:
第四种属于在当前网页进行局部刷新的技术

前面三个调用之后,一定会发生页面的跳转也就是页面的刷新

哪里可以用到AJAX

哪些局部数据需要刷新,但是不想刷新整个页面 就可以使用AJAX
例如:判断用户是否注册   百度首页的换一换  分页查询等等。

如何去使用AJAX

 1.导入jquery
        2.思考在哪里触发AJAX  例如鼠标移入事假 点击事件  失去焦点事件等等。
        3.语法:

        $.ajax({
            "key1" : "value1",
            "key1" : "value1",
            "key1" : "value1",
            "key1" : "value1"
        });

 AJAX的常见属性和属性值

下面的所有属性名 都要严格区分大小写

        1,url:链接地址,字符串表示

        2,data:需发送到服务器的数据   格式要求为JSON格式
        如果前台发送给后台的数据是基本数据且无需保密,就可以直接拼接在后面的URL地址上

        3,type:"POST" 或 "GET",请求类型 默认是get

        4,dataType:服务器servlet响应给你的数据类型是什么。默认是text为文本类型  可以改成json

        5,success:请求成功后,服务器回调的函数

        6,error:请求失败后,服务器回调的函数

        7,async:是否异步处理,默认为true;设置该值为false后,
        JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行
        第七点非常重要 分页查询肯定需要用到!!! 一般的场景不用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值