`
namezhou
  • 浏览: 158739 次
  • 性别: 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");
	}
}

 

分享到:
评论

相关推荐

    JS封装的AJAX函数

    这里提到的"JS封装的AJAX函数"是将AJAX的基本操作整合到一个或多个JavaScript函数中,以便开发者可以更方便地调用和使用。下面我们将详细探讨AJAX的基本概念、工作原理以及封装后的使用方法。 首先,AJAX的核心是...

    jQuery实现的Ajax函数(已测试)——ASP

    **jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    Jquery的Ajax函数大大简化了前端与后端之间的数据交互过程,使得开发人员能够更专注于业务逻辑的实现,而不是网络请求的细节。掌握这些函数的使用方法,对于构建高效、响应式的Web应用程序至关重要。在实际应用中,...

    Ajax基本运行原理

    ### Ajax基本运行原理详解 #### 引言 随着互联网技术的不断发展,用户对于网页应用程序的交互性和用户体验的要求越来越高。传统的浏览器/服务器(B/S)架构虽然解决了早期客户端/服务器(C/S)架构中存在的部署和...

    ajax 基本原理 ajax 基本原理

    ### Ajax基本原理详解 #### 一、引言 随着互联网技术的发展,用户对于网页应用的交互性和用户体验的要求越来越高。传统的Web应用通常采用浏览器发送请求、服务器处理并返回完整页面的方式,这种方式存在明显的缺点...

    Ajax+servlet实现搜索框智能提示

    首先,让我们了解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器通信。当用户在搜索框输入时,JavaScript监听输入事件,并通过Ajax发送请求到服务器。这个请求通常包含用户的部分...

    Ext.Ajax.request2.x实现同步请求

    本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,它是Asynchronous JavaScript and XML的缩写,虽然现在XML已不再是主要的数据交换格式,但...

    .net 前台调用后台函数的 Ajax 方法

    然而,对于了解基本的Ajax原理和早期.NET应用,AjaxPro提供了一个简单易用的解决方案。 总的来说,通过AjaxPro,我们可以轻松地在.NET前台页面中调用后台方法,实现异步通信,提高应用程序的响应性和用户交互体验。

    JQuery各Ajax函数说明

    `$.ajax()` 是 jQuery 提供的最灵活且强大的 AJAX 请求函数,通过它可以实现对 AJAX 请求的各种自定义配置。 **参数解释**: - `options` (Object):包含多个选项的对象,用于配置 AJAX 请求。 **常用选项**: - ...

    ajax实现用户登录注册

    首先,我们需要理解AJAX的基本结构。一个基本的AJAX调用通常涉及以下步骤: 1. 创建XMLHttpRequest对象:这是AJAX的核心,它负责与服务器通信。在现代浏览器中,我们可以使用`new XMLHttpRequest()`来创建实例。 2...

    ajax的基本原理以及实现

    ### AJAX的基本原理及其实现 #### 一、引言 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现...

    表格制作软件中实现ajax跨域异步单点登录的方法

    本文将详细介绍在FineReport表格制作软件中,如何通过ajax技术实现跨域异步单点登录的方法。 首先,我们需要了解单点登录的基本概念。单点登录是指用户只需要进行一次身份认证,便可以访问多个应用系统,无需重复...

    Ajax实现用户注册

    1. **JavaScript基础**:在实现Ajax之前,我们需要对JavaScript的基本语法有深入理解,包括变量声明、函数定义、事件处理以及DOM操作。在用户注册表单中,我们可能需要监听`onkeyup`或`onblur`等事件,以便在用户...

    AJAX实现仿Google Suggest搜索提示效果

    在本文中,我们将深入探讨如何使用AJAX技术来实现一个仿Google Suggest的搜索提示功能。Google Suggest是Google搜索引擎中的一个特色功能,它在用户输入关键词时提供实时的搜索建议,极大地提高了搜索效率和用户体验...

    AJAX实现注册验证的例子

    1. **AJAX基本原理**:AJAX通过创建XMLHttpRequest对象来与服务器进行通信。当用户在前端填写表单时,触发AJAX请求,请求会发送到服务器,服务器验证信息后返回结果,AJAX处理这个结果并在前端更新相应部分,而无需...

    asp.net中ajax基本demo

    总结来说,“asp.net中ajax基本demo”是一个学习ASP.NET AJAX基础操作的实例,它展示了如何利用Ajax实现动态、无刷新的用户界面,同时结合C#处理服务器端业务逻辑。通过这个示例,开发者可以更好地理解Ajax在ASP.NET...

    ajax实现简单登录

    总的来说,这个"loginAjax"项目为初学者提供了一个理解AJAX基本用法以及前端与后端交互的好机会。通过实践这个例子,你可以更好地了解如何利用AJAX技术实现实时的、无刷新的用户交互,从而提升Web应用的用户体验。

    简单的ajax代码,实现无刷功能

    下面,我们将详细讲解如何编写一个简单的Ajax代码来实现无刷新功能。 首先,我们需要理解Ajax的基本结构,它通常包括以下几个步骤: 1. 创建XMLHttpRequest对象:这是Ajax的核心,负责与服务器进行通信。在...

    AJAX实现分页功能

    这可以通过绑定到分页按钮的点击事件来实现,使用JavaScript函数(如jQuery的`$.ajax()`方法)来发起请求。 3. **发送请求**:在AJAX请求中,指定服务器端处理分页的URL,以及可能需要的参数,比如当前页码和每页...

    简单的通过ajax实现简单的注册!

    - 定义函数`GetO()`,该函数负责创建XMLHttpRequest对象,以实现Ajax请求。 - 定义函数`getMyHTML()`,接收两个参数:服务器端处理页面的路径及待更新DOM元素的ID。此函数发送POST请求到指定服务器页面,并将响应...

Global site tag (gtag.js) - Google Analytics