请简述ajax的过程,简述 AJAX 及基本步骤

简述 AJAX：

AJAX即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML)，是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

AJAX 基本步骤：

function ajax(url, fnSucc, fnFaild)

{

//1.创建Ajax对象

var oAjax=null;

if(window.XMLHttpRequest)

{

oAjax=new XMLHttpRequest();

}

else

{

oAjax=new ActiveXObject("Microsoft.XMLHTTP");

}

//2.连接服务器，准备数据

oAjax.open('GET', url, true); //oAjax.open(“方式”,”地址”,是否为异步);

//3.发送请求

oAjax.send();

//4.接收服务器的返回

oAjax.onreadystatechange=function ()

{

if(oAjax.readyState==4) //完成

{

if(oAjax.status==200) //成功

{

fnSucc(oAjax.responseText);

}

else

{

if(fnFaild)

fnFaild(oAjax.status);

}

}

};

}

示例：

点击按钮的时候读取ajax.txt

var oBtn = document.getElementsByTagName('input')[0];

oBtn.οnclick=function(){

ajax('ajax.txt',function(str){

alert(str);

});

};

分享技术，分享快乐！

简述Ajax原理及实现步骤

简述Ajax原理及实现步骤 1.Ajax简介 概念 Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML). 现在允许浏览器与务器通信 ...

实现AJAX的基本步骤

实现AJAX的基本步骤 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指 ...

实现AJAX的基本步骤 。。转

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法. ...

ajax的请求步骤！每个状态值表示什么？

什么是是ajax ! AJAX即"Asynchronous JavaScript and XML"(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页 ...

Ajax 重构的步骤

Ajax重构大致可以分为以下3三个步骤. 一 创建一个单独的JS文件,名称为AjaxRequest.js,并且在该文件中编写重构Ajax 所需的代码具体代码如下:var net = new Objec ...

$.getJSON 返回值、AJAX异步调用步骤

//首先要判断用户录入的手机号是不是中国移动的,不是直接给出提示,并终止登录 if($("#cmUsername1").val().isMobile())//手机号码 { jQue ...

javascript中ajax的四大步骤

原生js中ajax写法一: function ajaxys(){ //1. 创建xhr对象 var xhr = new XMLHttpRequest();//XMLHttpRequest() // 2 ...

ajax的五大步骤

什么是Ajax? AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. var btn = document.getElementsByTagName('button')[ ...

Ajax原生四大步骤

1.首先创建一个js文件夹名为common.js.创建一个createXhr()的函数.在此方法中创建异步对象XMLHttpRequest,后面使用的时候直接引入common.js文件,然后进行调用就 ...

随机推荐

sql基础语句大杂烩

(坑Open Office,这排版...) 1.distinct列出不同值,过滤掉相同的值 例:company中有两个相同的值比如(apple和apple)时,则只取出一个值 SELECT DISTI ...

ofbiz进击 第二节。 control 理解与创建

首先要说的是,学习ofbiz,要去http://ofbiz.apache.org/官网里面,去看右边菜单里   Management Apps  的例子,然后找到类似的页面,去看调用的源码方法. co ...

SoapUI test WCF

http://blogs.msdn.com/b/nabeelp/archive/2008/03/07/obscure-error-addressfilter-mismatch-at-the-endpo ...

多线程程序设计学习(3)immutable pattern模式

Immutable pattern[坚不可摧模式] 一:immutable pattern的参与者--->immutable(不变的)参与者        1.1:immutable参与者是一个 ...

demo_06Canvas

...

[LeetCode]题解(python)：151-Reverse Words in a String

题目来源: https://leetcode.com/problems/reverse-words-in-a-string/ 题意分析: 给定一个字符串,里面包括多个单词,将这个字符串的单词翻转,例如 ...

001.net开发环境与变量

1 .net 技术平台,用来创建互联互通的应用程序 2 应用 嵌入式开发企业级应用 3 .NET Framework 技术:公共语言运行时 .NET Framework的工作模式:.NetC#> ...

linux下iptables配置模板

linux下iptables配置模板 # Flush all policy iptables -F iptables -X iptables -Z iptables -t nat -F iptable ...

测试那些事儿—postman入门介绍

1.postman入门介绍 一款功能强大的网页调试与发送网页HTTP请求的工具. 1)模拟各种HTTP请求,如get,post,put,delete 2)测试集合Collection    Colle ...

C# 数值类型和无穷大

在c#语言中的数字有两个特性要了解.例如:任何数除以0所得的结果是无穷大,不在int long 和decimal类型的范围内.所以计算(一个数除以0会出错),但是在double和float类型中有一个 ...