简单谈谈AJAX核心对象
Ajax是2005年2月才诞生但是现在已经炙手可热的一项全新技术.这项新技术能够极大地改善网站的用户体验.
什么是Ajax
Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写.
Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求.Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起,共同的协作中发挥各自的作用.
Ajax的优点
1.减轻服务器的负担.Ajax的原则是"按需取数据".
2.无需刷新页面,减少用户心理和实际的等待时间.
3.带来更好的用户体验.
4.可以把以前一些服务器负担的工作转移到客户端,利用客户端闲置的能力来处理,减轻服务器负担,充分利用宽带资源,节约空间和宽带租用成本.
5.可以调用外部数据.
6.基于标准化的并被广泛支持的技术,不需要下载插件或者小程序.
7.进一步促进页面呈现与数据分离.
二.XMLHttpRequest对象介绍
Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHttpRequest对象.
XMLHttpRequest属性
XMLHttpRequest对象的属性
属性 |
描述 |
onreadystatechange |
每个状态改变时都会触发这个事件处理程序,通常会调用一个JavaScript函数 |
readyState | 请求的状态 |
responseText | 服务器的响应,表示为一个串 |
responseXML | 服务器的响应,表示为XML,这个对象可以解析为一个DOM对象 |
status | 服务器的HTTP状态 |
statusText | HTTP状态的对应文本 |
每个状态改变时都会触发这个事件处理程序,通常会调用一个JavaScript函数
XMLHttpRequest方法
XMLHttpRequest对象的一些常用的方法
方法 | 描述 |
abort() | 停止当前请求 |
getAllResponseHeaders() | 把HTTP请求的所有相应首部作为键/值对返回 |
getResponseHeader("header") | 返回指定首部的串值 |
open("method","url") | 建立对服务器的调用.method参数可以是GET,POST或PUT等;url参数可以是相对URL或绝对URL.这个方法还包括3个可选参数 |
send(content) | 向服务器发送请求 |
setRequestHeader("header","value") | 把指定首部设置为所提供的值,在设置任何首部之前必须先调用open()方法 |
相关推荐
-
Ajax核心XMLHTTP组件资料第1/2页
一.数据库远程管理技术 基于互联网的广域网现代应用中的一个重要环节是数据库远程监控.首先简单回顾一下互联网上的数据库远程管理技术的发展过程和方式: (推荐文章:AJAX专题) 早期通过编写CGI-BIN程序模块进行数据库远程管理.但CGI-BIN的运行速度慢,维护很不方便,现在已经基本被弃用. 这几年使用组件对象模型(Component Object Model, COM)的应用非常多,效果也很好.但如果使用的是第三方服务器(笔者的网站就是建立在第三方的虚拟主机上),服务器方往往因为保密或其它
-
jquery ajax方式直接提交整个表单核心代码
复制代码 代码如下: $.ajax({ type: "POST", url: url, <SPAN style="COLOR: #ff0000">data: $('#form1').serialize(),</SPAN> success: function(msg){ alert( "Data Saved: " + msg ); } });
-
Ajax 核心框架函数及例子
核心ajax(options)函数中,包含了建立xmlhttprequest,提取数据,判断是否回复成功等,基本满足了日常需求. 复制代码 代码如下: // A generic function for performming AJAX requests // It takes one argument, which is an object that contains a set of options // All of which are outline in the comments, b
-
Javascript级联下拉菜单以及AJAX数据验证核心代码
虽然也使用了Prototype.js来编写,但是由于对它的不了解,类的实现仍然是使用了<JavaScript高级程序设计>里的方法.使用AJAX进行数据验证时,最初使用的是XML来当数据源,然而在使用了一段时间后,发现XML效率太低,于是又使用JSON来做为数据源. 一年过去了,客户又提出了新的需求,最初是只要输入框的两个数据相符就行,现在的要求是两个下拉菜单的数据也要相符,于是,我利用此机会,将代码重构了一次. 需求: 1.根据下拉菜单产品名称.产品包装的选择,右面的图片要进行相应的变化.
-
解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT
-
Ajax核心技术代码分享
复制代码 代码如下: <script> var xhr = ''; function Ajax() { if(window.XMLHttpRequest) { var xhr = new XMLHttpRequest;//现代浏览器 }else { var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
-
Ajax核心XMLHttpRequest总结
Ajax:即"Asynchronous JavaScript and XML"(异步JavaScript和XML),一门综合性的技术:运用JavaScript对象XMLHttpRequest进行异步数据交换:JavaScript操作DOM实现动态效果:运用XHTML+CSS表达信息:XML和XSLT操作数据.此篇文章重点介绍使用XMLHttpRequest对象与服务器端进行异步数据交换. 使用方法 XMLHttpRequest五步使用法: 复制代码 代码如下: 1.创
-
简单谈谈AJAX核心对象
Ajax是2005年2月才诞生但是现在已经炙手可热的一项全新技术.这项新技术能够极大地改善网站的用户体验. 什么是Ajax Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写. Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求.Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起,共同的协作中发挥各自的作用. Ajax的优点 1.减轻服务器的负担.Ajax的原则是"按需取数据"
-
简单谈谈原生js的math对象
Math对象方法 //返回最大值 var max=Math.max(95,93,90,94,98); console.log(max); //返回最小值 var min=Math.min(95,93,90,94,98); console.log(min); //向上取整 console.log(Math.ceil(2.2)); console.log(Math.ceil(-2.2)); //向下取整 console.log(Math.floor(2.2));//2 console.log(Mat
-
简单谈谈PHP面向对象之标识对象
标识对象模式 这个模式主要功能就是创建sql语句中的wehre条件字符串的,下面直接看代码和注释: namespace woo\mapper; //字段对象 class Field { protected $name = null; //字段名称 protected $operator = null; //操作符 protected $comps = array(); //存放条件的数组 protected $incomplete = false; //检查条件数组是否有值 function _
-
简单谈谈python中的语句和语法
python程序结构 python"一切皆对象",这是接触python听到最多的总结了.在python中最基层的单位应该就是对象了,对象需要靠表达式建立处理,而表达式往往存在于语句中,多条语句组成代码块,多个代码块再组成一整个程序.python的核心其实是由语句和表达式组成.所以在这里简单探讨一下python中的语句和表达式. 因为以后可能会接触到两个版本的python,所以这里讲一讲python2与python3的语句差异: 1.python2中没有nolocal语句. 2.prin
-
简单谈谈require模块化jquery和angular的问题
require 模块化开发问题,正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题 require 引入jquery swiper .... 插件和库的时候需要 require.config({ baseUrl:"js/libs", //文件夹目录相对与html的位置 paths:{ 'jquery':"jquery-1.9.1" //插件或库的文件名 'swiper':"文件名/swiper" //当每个插
-
react系列从零开始_简单谈谈react
react算是目前最火的js MVC框架了,写一个react系列的博客,顺便回忆一下react的基础知识,新入门前端的小白,可以持续关注,我会从零开始教大家用react开发一个完整的项目,也会涉及到webpack,node等前端知识,每天会更新一篇.这篇react的系列博客会覆盖react目前的所有知识点: 一.React基础 1.React 虚拟DOM概念,React的性能高效的核心算法 2.React组件,理解什么叫组件化 3.React组件嵌套 4.JSX内置表达式 5.React的生命周
-
简单谈谈React中的路由系统
React中的路由系统 提起路由,首先想到的就是 ASPNET MVC 里面的路由系统--通过事先定义一组路由规则,程序运行时就能自动根据我们输入的URL来返回相对应的页面.前端中的路由与之类似,前端中的路由是根据你定义的路由规则来渲染不同的页面/组件,同时也会更新地址栏的URL.本篇文章要介绍的是React中经常使用到的路由,react-router主要使用HTML5的history API来同步你的UI和URL. react-router的最新版本是v4.1.1,由于4.0版本和之间的版本A
-
简单谈谈Core Animation 动画效果
在开始之前呢,先了解一下UIView和CALayer大体的区别(重点列举了以下四点): •UIView 继承自 UIResponder,因此UIView 可以处理响应事件,而CALayer继承自NSObject,所以它只是负责内容的创建,绘制. •UIView 负责对内容的管理,而CALayer则是对内容的绘制 •UIView 中有关位置的属性只有frame.bounds.center,而CALayer除了具备这些属性之外还有anchorPoint.position. •通过修改CALayer可
-
prototype.js简单实现ajax功能示例
本文实例讲述了prototype.js简单实现ajax功能.分享给大家供大家参考,具体如下: 原本不知道prototype.js是一个框架,只当其是一个再普通不过的JS文件.随手拿着用了用,写了一个JSP页面,单纯的用prototype.js来实现AJAX效果.用了之后发现超好用,自己再也不用写那么大一堆代码了,哦耶.言归正传,还是把今天写的那个小代码发上来. 一.JSP部分 这部分的代码,最为关键的是JS部分的改变.没有采用prototype.js的时候,生成一个AJAX效果,起码得有四大段.
-
javascript实现简单的ajax封装示例
本文实例讲述了javascript实现简单的ajax功能封装.分享给大家供大家参考,具体如下: function ajax(obj){ var xhr = (function (){//获取xhr对象,为了兼容ie6所以进行了重新封装 if(typeof XMLHttpRequest !='undefined') { return new XMLHttpRequest(); }else if(typeof ActiveXObject !='undefined') { var version =
随机推荐
- 解决在Web.config或App.config中添加自定义配置的方法详解
- JQuery实现自定义对话框的代码
- litjson读取数据示例
- JS获取IUSR_机器名和IWAM_机器名帐号的密码
- javascript 显示当前系统时间代码
- VBS教程:方法-MoveFolder 方法
- Java 选择、冒泡排序、折半查找(实例讲解)
- smarty内置函数config_load用法实例
- PHP+MYSQL的文章管理系统(二)
- JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
- js改变Iframe中Src的方法
- jquery 图片Silhouette Fadeins渐显效果
- Java中Equals使用方法汇总
- Android 读取assets和raw文件内容实例代码
- ASP.NET中URL Rewrite的具体实现方法
- Android仿微信主界面的实现方法
- Java使用kafka发送和生产消息的示例
- RHEL6.5下JDK1.8安装教程
- 详解如何设置Python环境变量?
- 浅谈Spring Boot中如何干掉if else的方法