首页 / AJAX / AJAX全套

AJAX全套

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了AJAX全套，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1717字，纯文字阅读大概需要3分钟。

内容图文

概述

对于WEB应用程序：用户浏览器发送请求，服务器接收并处理请求，然后返回结果，往往返回就是字符串（HTML），浏览器将字符串（HTML）渲染并显示浏览器上。

1、传统的Web应用

一个简单操作需要重新加载全局数据

2、AJAX

AJAX，Asynchronous JavaScript and XML (异步的JavaScript和XML)，一种创建交互式网页应用的网页开发技术方案。

  • 异步的JavaScript：
    使用 【JavaScript语言】 以及 相关【浏览器提供类库】 的功能向服务端发送请求，当服务端处理完请求之后，【自动执行某个JavaScript的回调函数】。
    PS：以上请求和响应的整个过程是【偷偷】进行的，页面上无任何感知。
  • XML
    XML是一种标记语言，是Ajax在和后台交互时传输数据的格式之一

利用AJAX可以做：
1、注册时，输入用户名自动检测用户是否已经存在。
2、登陆时，提示用户名密码错误
3、删除数据行时，将行ID发送到后台，后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行也删除。（博客园）

“伪”AJAX

由于HTML标签的iframe标签具有局部加载内容的特性，所以可以使用其来伪造Ajax请求。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
 
     <head lang = "en" >
         <meta charset = "UTF-8" >
         <title>< / title>
     < / head>
 
     <body>
 
         <div>
             <p>请输入要加载的地址：<span  id = "currentTime" >< / span>< / p>
             <p>
                 < input id="url" type="text" />
                 < input type="button" value="刷新" onclick="LoadPage();">
             < / p>
         < / div>
 
 
         <div>
             <h3>加载页面位置：< / h3>
             <iframe  id = "iframePosition" style="width: 100%;height: 500px;"></iframe>
         < / div>
 
 
         <script  type = "text/javascript" >
 
             window.onload = function(){
                 var myDate  = new Date();
                 document.getElementById( ‘currentTime‘ ).innerText  = myDate.getTime();
 
             };
 
             function LoadPage(){
                 var targetUrl  =  document.getElementById(‘url‘).value;
                 document.getElementById( "iframePosition" ).src  = targetUrl;
             }
 
         < / script>
 
     < / body>
< / html>

原生AJAX

Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作，该对象在主流浏览器中均存在(除早起的IE)，Ajax首次出现IE5.5中存在（ActiveX控件）。

1、XmlHttpRequest对象介绍

XmlHttpRequest对象的主要方法：

 

原文：http://www.cnblogs.com/0820-zq/p/5785200.html

内容总结

以上是互联网集市为您收集整理的AJAX全套全部内容，希望文章能够帮你解决AJAX全套所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1313062.html

来源：【匿名】