简述 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);         }      }   };}

示例:<body>  点击按钮的时候读取ajax.txt<br>  <input type="button" value="点击">  <script src="ajax.js"></script>  <script>      var oBtn = document.getElementsByTagName(‘input‘)[0];      oBtn.onclick=function(){          ajax(‘ajax.txt‘,function(str){              alert(str);          });      };  </script></body>

分享技术,分享快乐!
 
 
时间: 2024-10-11 21:49:49

简述 AJAX 及基本步骤的相关文章

实现AJAX的基本步骤

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法.URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. 1.创建XMLHttpRequest对象 不同的浏览器使用的异步调用对象也有所不同,在IE浏览器中异步调用使用的是XMLHT

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

//首先要判断用户录入的手机号是不是中国移动的,不是直接给出提示,并终止登录 if($("#cmUsername1").val().isMobile())//手机号码 { jQuery.ajax({ async: false,//必须同步!! url: G_CTX_ROOT+"/query/isJSorHNMobile", data: {mobile: $("#cmUsername1").val()}, dataType: "json&

实现AJAX的基本步骤【六步】

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法.URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. 1.创建XMLHttpRequest对象 不同的浏览器使用的异步调用对象也有所不同,在IE浏览器中异步调用使用的是XMLHT

Ajax 重构的步骤

Ajax重构大致可以分为以下3三个步骤. 一 创建一个单独的JS文件,名称为AjaxRequest.js,并且在该文件中编写重构Ajax 所需的代码具体代码如下:var net = new Object();  // 定义一个全局的变量// 编写构造函数net.AjaxRequest = function(url,onload,onerror,method,params){         this.req = null;         this.onload = onload;       

原生ajax请求的步骤

//第一步,创建XMLHttpRequest对象var xmlHttp = new XMLHttpRequest();function CommentAll() { //第二步,注册回调函数 xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) // if (xmlHttp.status == 200) { // var responseText = xmlHttp.responseText; //

AJAX基本格式步骤

第一步:创建XMLHttpRequest对象 var xmlhttp; //兼容性 if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 代码解释: 首先创建一个作为 XMLHttpRequest 对象使用的 XMLHttp 变量.把它的值设置为 null. 然后测试 window.XMLHttpReque

2017年第一波JavaScript前端面试题

面试题按类型来分,主要涉及到"技术"与"非技术"两大类,今天我们主要讨论的是"技术类",在这个大类别下涉及到的子类别有: 移动 & PC端布局类 JavaScript 核心基础类 衍生框架类 项目应用类 这四大类别的面试题若按出现频率来划分,则面试时 100% 会问到的题型有:"移动端&PC端布局类.JavaScript 核心基础类".本次我们选择了这两类中难度更高一些的 "JavaScript 核心

struts2(九)使用Ajax

Ajax简述 Ajax(Asynchronous JavaScript And XML),即异步JavaScript和XML技术,是指一种创建交互式网页应用的网页开发技术,这个术语源自描述从基于 Web 的应用到基于数据的应用的转换.在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,改善了缓慢的Web应用体验,使之像桌面应用一样. 目前,编写应用程序时有两种基本的选择: 1· 桌面应用程序 2· Web 应用程序 桌面应用程序通常要求安装

java Ajax的应用

一.Ajax的使用步骤 步一:创建AJAX异步对象,例如:createAJAX() 步二:准备发送异步请求,例如:ajax.open(method,url) 步三:如果是POST请求的话,一定要设置AJAX请求头,例如:ajax.setRequestHeader() 如果是GET请求的话,无需设置设置AJAX请求头 步四:真正发送请求体中的数据到服务器,例如:ajax.send() 步五:AJAX不断的监听服务端响应的状态变化,例如:ajax.onreadystatechange,后面写一个无名