Ajax 工作原理?

Ajax 工作原理?,第1张

Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户 *** 作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的。
Ajax的核心是JavaScript对象Xml>这个是我自己在学习的时候的笔记,给你看看。或许能理解。。。 AJAX是异步交互,在客户端与服务器只加引入一个媒介,从改变了同步交互过程中“处理--等待--处理--等待”的模式。
浏览器在执行任务时即装载了Ajax引擎。该引擎室js编写的,通常位于页面的框架中,负责转发客户端和服务器之间的交互。另外,
通过js调用AJAX引擎,可以使得页面不在被整体刷新,而仅仅更新用户需要的部分,不但避免了“白屏”现象,还大大节省了带快,加快了
web浏览的速度。

好处可以归纳为几点:
1减轻服务器的负担,加快浏览速度。
2带来更好的用户体验。
3基于标准化并被广泛支持的技术,不需要下载插件或小程序。目前主流的浏览器都支持AJAX技术,使得它的推广十分顺畅。
4进一步促进页面呈现书数据分离。AJAX获取服务器可以完全利用单独的模块进行 *** 作,从而使得技术人员和美工人员能够更好的分工与配合。
AJAX的组成部分:是由4中技术组成的。
JAVAScript:是通用的脚本语言,用来嵌入在某种应用之中。AJAX应用程序是用JAVASCRIPT编写的。
CSS:CSS为WEB页面元素提供了可视化样式的定义方法。AJAX应用中,用户界面的样式可以通过CSS独立修改。
DOM:通过JS修改DOM,AJAX应用程序可以再运行时改变用户界面,或者局部更新页面中的某个节点
XML>xhropen('get', 'check_usernamedousername=韩梅梅',true);
xhr是ajax对象
这行代码能看懂吧
'check_usernamedousername='
这句的意思就是想check_usernamedo发送请求
传入的变量是username 值为 韩梅梅
这个值只能是字符串
在java中通过requestgetParameter("username")获取

jQuery 是js的一种框架 。他的实现方式比较简单。  jQuery的下载你可以百度一下。我简要说明一下他的使用。

$post() 方法

$post() 方法通过 >

语法:

$post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

下面的例子使用 $post() 连同请求一起发送数据:

实例:

$("button")click(function(){
  $post("demo_test_postasp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

讲解一下原理 :

从你的浏览器发送一个异步请求 post样式的 到服务器。

服务器接收请求。并按请求的内容返回数据。

浏览器接收服务器传回的结果。

如果你想看这个过程,那就去下载抓包软件。   抓一下数据包就清楚了。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zz/13444247.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-07
下一篇 2023-08-07

发表评论

登录后才能评论

评论列表(0条)

保存