分布式与异步请求(ajax)

2021-01-24 04:12

阅读:629

标签:开发技术   介绍   服务器   运行   缺点   完整   ajax技术   json   表单   

首先介绍一下异步请求方式(ajax)(今天学到的内容)

Ajax英文名称为(Asynchronous JavaScript and XML),中文名称为:异步的JavaScript与XML技术,它是一种创建交互式网页的页面开发技术,用于创建快速动态网页,这项技术是由杰西·詹姆士·杰瑞特所提出的,它在与传统的Web应用相比,Ajax通过浏览器与服务器进行少量的数据交换就可以实现网页的异步更新,在不重新加载整个网页的情况下,就可以对网页进行更新。

Ajax教程网址:https://www.w3school.com.cn/ajax/index.asp

https://www.w3schools.com/xml/ajax_intro.asp

在.jsp文件或.html文件中使用script标签运用ajax技术进行网页的动态更新,

1. $.get() 负责查询 返回数据任意 人工解析
2. $.post() 表单数据提交等 返回值类型任意 人工解析
3. $.getJSON() 查询获取json数据
4. $.getScript() 获取js代码片段
5. $.ajax({.....}) 万能用法

现在给出关于ajax技术运用的关键代码实例:

 1 $(function() {
 2         //alert("55555")
 3         $.get("/findAjax", function(result) {
 4             addTable("tab1", result);
 5         });
 6     })
 7 
 8         $.ajax({
 9         type : "post",
10         url : "findAjax",
11         dataType : "json",
12         success : function(result) {
13             addTable("tab2", result);
14         },
15         error : function(data) {
16             alert("提示信息:当前网络正忙,请稍后")
17         },
18         async : true,
19         cache : false
20     });
21     function addTable(table, data) {
22         var tr = "";
23         $(data).each(
24                 function(index, user) {
25                     var id = user.id;
26                     var name = user.name;
27                     var age = user.age;
28                     var sex = user.sex;
29                     tr += "
" + id + "
" + name
30                             + "
" + age + "
" + sex
31                             + "
";
32                 });
33         $("#" + table).append(tr);
34     }

通过ajax技术和后端的操作就可以将数据库中的数据动态的发送到页面上。

分布式:我的理解就是将一个完整的系统进行拆分,各自独立,减少架构的耦合性。

分布式系统具有高度的内聚性和透明性。所以网络和分布式系统之间的区别更多的在于高层软件,而不是硬件。内聚性就是指在任何一个数据库分布节点上高度自治,有本地的数据库管理系统。

透明性就是指每一个数据库分布节点对用户的应用来说都是透明的,看不出是本地还是远程。

分布式的优点是,假如其中一个服务器出现问题,并不会影响整个项目的正常运行。降低了系统架构的耦合性,方便开发和“维护”

缺点:拆分完成后由于项目个数重点 运行和维护比较难,但是是可以接受的。

 

分布式与异步请求(ajax)

标签:开发技术   介绍   服务器   运行   缺点   完整   ajax技术   json   表单   

原文地址:https://www.cnblogs.com/zhou2420032204/p/13258435.html


评论


亲,登录后才可以留言!