Ajax

最新推荐文章于 2024-10-17 17:15:00 发布

霸王开-Java小哥

最新推荐文章于 2024-10-17 17:15:00 发布

阅读量126

点赞数

文章标签： ajax okhttp 前端 javascript ecmascript

本文链接：https://blog.csdn.net/qq_42752720/article/details/112343427

版权

今天来分享ajax

Ajax 简介：

Ajax可以完成异步提交技术，他会在毫不知情的情况下给服务器提交数据，并不会像传统方式一样，刷新整个页面，所完成的是局部刷新，这样的好处就不会重复性的发送其他无关请求，可以减轻服务器压力，提高用户体验度，节省流量开销。

AJAX的概念：

Asynchronous JavaScript and XML（异步JavaScript和XML）是一种创建交互网页应用的网页开发技术，所谓同步,即客户端脚本在请求服务器后,客户端脚本等待服务器返回响应之后再继续执行，而异步则是,客户端脚本在请求服务器之后,服务器还没有返回响应,客户端就可以执行下面的请求，异步也表现就是在不打扰用户正常浏览的情况下,在后台与服务器进行交互。

AJAX应用的特点：

1>.AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。

2>.不刷新整个页面，在页面内与服务器通信。

3>.使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。

4>.大部分交互在页面之内完成，不需要切换整个页面。

AJAX的好处:

1>.减轻服务器的负担。AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

2>.无刷新更新页面，减少用户心理和实际的等待时间。

3>.可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。

4>.可以调用外部其他服务的数据。

5>.基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

进一步促进页面呈现和数据的分离
AJAX技术组成:

1>.XMLHttpRequest：进行异步数据读取的对象(这个对象很重要,要记住)

2>.Javascript：Javascript一直被定位为客户端的脚本语言，应用最多的地方是表单数据的校验，现在，可以通过Javascript操作XMLHttpRequest，来跟数据库打交道。

3>.DOM： DOM（Document Object Model）是提供给HTML和XML使用的一组API.

4>.XML：通过XML（Extensible Markup Language），可以规范的定义结构化数据

5>.DHTML 或 Dynamic HTML：用于动态更新表单。我们将使用 div、span 和其他动态 HTML 元素来标记 HTML。
接下来主要介绍ajax()方法

代码规范如下：

举例如下：

$("#but").click(function(){
        var b=true;
        if($("#userName").val()==""){
          $("#nameMsg").html("对不起，用户名不许为空").css("color","red");
          b=false;
        }
        if($("#password").val()==""){
          $("#pwdMsg").html("对不起，密码不许为空").css("color","red");
          b=false;
        }
        if(!b){
          $("#msg").html("对不起，有必填内容");
          return;
        }
        $.ajax({
          url:"reg.do?flag=reg",
          type:"get",
          data:{
            userName:$("#userName").val(),
            password:$("#password").val()
          },
          success:function(data){
            if(data=='a'){
              $("#msg").html("注册成功");
            }
            if(data=='b'){
              $("#msg").html("注册失败");
            }
          }
        });
    });

以上是对一个注册表单的验证和异步注册，使得在响应之前客户端与服务端偷摸滴进行数据数据插入。从而不让他每次进行页面的刷新。

当女程序员是一种怎样的体验，欢迎留言讨论，嘻嘻嘻