`
namezhou
  • 浏览: 155149 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ajax的基本函数的实现

阅读更多
/*get a XMLHttpRequest from different browser*/
function getXMLHttpRequest(){
	if(window.XMLHttpRequest){
		/* Not IE*/
		return new XMLHttpRequest();
	}else if(window.ActiveXObject){
		/*IE*/
		return new ActiveXObject("Microsoft.XMLHTTP")
	}else{
		/*don't support Ajax*/
		alert("soory your browser doesn't support AJAX");
	}
}

/*ajax_simple_Request*/
function ajax_get_msg(){
	var xo = getXMLHttpRequest();
	if(xo.readyState == 4 || xo.readyState == 0){
		xo.open("GET","http://localhost:81/day3/testjsp.jsp",true);
		xo.onreadystatechange = function(){ //set the callback
			if(xo.readyState == 4){
				alert(xo.responseText);
			}
		}; 
		xo.send(null);
	}
}

/*get_Request*/
function ajax_get(id){
	var xo = getXMLHttpRequest();
	if(xo.readyState == 4 || xo.readyState == 0){
		xo.open("GET","http://localhost:81/day3/testjsp.jsp?id=" + id,true);
		xo.onreadystatechange = function(){ //set the callback
			if(xo.readyState == 4){
				alert(xo.responseText);
			}
		}; 
		xo.send(null);
	}
}

/*post_Request*/
function ajax_post(){
	var xo = getXMLHttpRequest();
	if(xo.readyState == 4 || xo.readyState == 0){
		xo.open("POST","http://localhost:81/day3/testjsp.jsp",true);
		xo.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
		xo.onreadystatechange = function(){ //set the callback
			if(xo.readyState == 4){
				alert(xo.responseText);
			}
		}; 
		xo.send("id=zhougege");
	}
}

 

分享到:
评论

相关推荐

    【卷一/共两卷】AJAX实战pdf高清版90M

    目录 第一部分 重新思考Web应用 第1章 一种新的Web设计方法 1.1 为什么需要Ajax富客户端? 1.1.1 比较用户体验 ...B.3.4 Ajax事件处理和函数上下文 B3.5 JavaScript中的闭包 B.4 小结 B.5 资源 附录C Ajax框架和库

    北京中科信软AJAX培训

    jax概述 Ajax的定义 Web应用程序的解决方案 Ajax的工作方式 基于各种Web解决方案的Ajax技术选择路线 ...利用DWR实现常见的Ajax功能 DWR异常处理 DWR开发常见问题解决 和现有Web框架Struts的集成 和Hibernate框架的集成

    PHP+Ajax网站开发典型实例-源代码

    第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50...

    运用jQuery实现的Ajax无刷新删除和添加数据的表单

    摘要:脚本资源,Ajax/JavaScript,Ajax,无刷新 运用jQuery实现的Ajax无刷新删除和添加数据的表单,可适时删除表格、修改表格内容、添加内容,实现了前端的功能,当然如果需要全部实现,则需要后台脚本语言的支持。...

    PHP+Ajax网站开发典型实例

    第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 ...

    [ASP.NET.AJAX编程参考手册(涵盖ASP.NET.3.5及2.0)].(美)霍斯拉维.扫描版.pdf

    通过大量的实例,本书详述了AJAX的内部机制,并且紧跟时代潮流,重点描述了如何依靠异步通信机制,更快、更好、更有效地实现客户端和服务器端之间的通信。 作者简介 Shahram Khosravi,博士。他是一名资深的软件...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    1.本书1~16章所附代码的运行环境 ...程序描述:本章将仿照Google Suggest,使用Ajax技术实现动态获取搜索提示的功能。当输入搜索关键字时,自动向服务器发送请求,查询相关的关键字,并及时提示用户可输入的关键字。 ...

    Ajax读取数据之分页显示篇实现代码

    我先讲一下这个ajax分页的实现核心,然后我们再看实例效果.所谓的ajax分页与传统的数据分页,在服务端的代码基本上是一样的.我们主要做的是使用ajax在不刷新的情况下,将请求的页码,和每页要显示的条数发送给...

    基于j2ee的ajax宝典

    第2部分 Ajax基本技术··············· 55 第3章 JavaScript关键语法详解················· 56 3.1 JavaScript简介··········· 56 3.2 数据类型和变量········ ...

    js面向对象

    自从有了Ajax这个概念,JavaScript作为Ajax的利器,其作用一路飙升。JavaScript最基本的使用,以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。 1. 用...

    PHP Ajax实现页面无刷新发表评论

    大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    Ajax内容基本整理 编辑一对多示例 创建多对多以及增加示例 本节内容梳理 本周作业 第21周 今日知识点概要 上节内容回顾以及URL的补充 视图获取用户请求相关信息以及请求头 模板之继承 模板之导入 上节作业情况 ...

    de1.7 轻量级的javascript扩展函数库

    de.js是一个轻量级的javascript扩展函数库,通过扩展页面元素的方法和属性、和扩展javascript内置类型的方法来帮助web前端开发人员实现更便捷和高效的编程。以下是主要特点: 支持类似jquery的选择器,同时支持类似...

    05-web开发系列图书27-33.doc

    本书一共分为8章,前半部分主要包括:阐释Ajax、动态语言、Web service和SOA的定义和基本原理;实现JavaScript单元测试;理解JavaScript函数为何具有状态;实现JavaScript “Generics”;使用代码块;使用函数进行...

    JQuery权威指南源代码

    使用jQuery扩展工具函数实现对字符串指定类型的检测 第10章 在指定的查找范围内获取DOM元素 选择器中含有空格符与不含空格符的区别 事件中的target方法优化冒泡现象 使用data()方法在元素上存取移数据 使用data...

    完整版Java web开发教程PPT课件 Java开发进阶教程 第11章 AJAX实现(共11页).pptx

    完整版Java web开发教程PPT课件 Java开发进阶教程 第11章 AJAX实现(共11页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第12章 自定义mvc框架(共11页).pptx 完整版Java web开发教程PPT课件 Java开发...

    jQuery基础的工厂函数以及定时器的经典实例分析

    1. jQuery的基本信息: 1.1 定义: jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装, 1.2 作用: 许多使用JavaScript能实现的交互特效,使用jQuery都能完美地实现,下面通过五个用途来更多的了解...

    ExtJS(ajax框架) 4.2.1

    单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染...

    jQuery权威指南-源代码

    9.5 综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305 9.5.1 需求分析/305 9.5.2 效果界面/305 9.5.3 功能实现/306 9.5.4 代码分析/309 9.6 本章小结/311 第10章 jQuery性能优化与最佳...

    AJAX XMLHttpRequest对象详解

    其核心是XMLHttpRequest对象,可以在不向服务器端提交整个页面的情况下,实现局部更新网页,它是AJAX的Web应用程序架构的一项关键技术。 基本属性: 基本方法: XMLHttpRequest五步法:  第一:创建...

Global site tag (gtag.js) - Google Analytics