AJAX全套

概述

对于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请求。

<!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对象的主要方法：

时间： 2024-10-26 02:56:39

AJAX全套的相关文章

Python开发【第十六篇】：AJAX全套

Python开发[第十六篇]:AJAX全套概述对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上. 1.传统的Web应用一个简单操作需要重新加载全局数据 2.AJAX AJAX,Asynchronous JavaScript and XML (异步的JavaScript和XML),一种创建交互式网页应用的网页开发技术方案. 异步的JavaScript:使用 [JavaScript语言] 以

Django（十九）Ajax全套

参考博客:http://www.cnblogs.com/wupeiqi/articles/5703697.html 提交: - Form - Ajax 一.Ajax,偷偷向后台发请求 - XMLHttpRequest - 手动使用 - jQuery - “伪”Ajax - iframe标签 - form表单二.Ajax上传文件 - jQuery - 原生以上两种方式可利用formData对象,来封装用户提交的数据 - Iframe+Form ******Iframe+Form*******

【Ajax】Ajax全套+跨域Ajax

全套Ajax 参考:https://www.cnblogs.com/wupeiqi/articles/5703697.html 1.基于jQuery的Ajax 2.基于XMLHttpResponse原生的Ajax 3.用iframe+Form 伪Ajax 4.用new FormData() 包裹数据(数据+文件) 概述: 对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器接收到字符串(HTML)渲染并显示到浏览器上. 1.传统的We

ajax 全套

ajax简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不是一种新的编程语言,而是使用现有标准的新方法.AJAX可以在不重新加载整个页面的情况下,与服务器交换数据.这种异步交互的方式,使用户单击后,不必刷新页面也能获取新数据.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. Ajax包括: XHTML和CSS 使用文档对象模型(Doc

框架----Django之Ajax全套实例

1. 浏览器访问 http://127.0.0.1:8000/index/ http://127.0.0.1:8000/fake_ajax/ http://127.0.0.1:8000/index/jsonp/ http://127.0.0.1:8000/autohome/ 2. urls from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns =

史上最全ajax全套讲解

博客好久没有更新文章,主要最近在做一个聊天的功能,虽然不是很尽人意,但是最起码实现了功能.其中里面用到最多的就是数据交互问题了.所以ajax自然是最好的选择了. 话说我从没有有系统的学习Ajax过,每次都是用什么查什么,都不往我这脑子里面存储.今天总算不是很忙了,在逛博客园的时候看到一篇文章写得还是很不错的.对于Ajax的讲解还是很到位的.分享给大家一起学习一下. ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XM

史上最全ajax全套

Django(十七)Ajax全套

http://www.cnblogs.com/wupeiqi/articles/5703697.html - 文件上传 - 普通上传 - 自定义页面上传按钮 - 基于Form做上传 - Ajax上传文件????? 一,上传文件 from django.shortcuts import render,redirect, HttpResponse # Create your views here. def update(request): if

发送不同ajax请求以及iframe

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <style> .btn{ display: inline-block; padding: 5px 10px; background-color: coral; color: white; } &