`
mjj192837
  • 浏览: 25027 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax(Asynchronous JavaScript and XML)的基本写法

阅读更多
1. Ajax(Asynchronous JavaScript and XML),异步的JavaScript与XML
2. Ajax中的一个重要对象是XMLHttpRequest。
3. 使用Ajax准备向服务器端发送请求:
xmlHttpRequest.open("GET", "AjaxServlet", true);

基本的语法如下:
<script type="text/javascript">
	var xmlHttpRequest = null;
	/* alert(window.ActiveXObject);
	alert(window.XMLHttpRequest); */
	function ajaxSubmit() {

		if (window.ActiveXObject) // IE浏览器
		{
			xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} else if (window.XMLHttpRequest) //除IE外的其他浏览器实现
		{
			xmlHttpRequest = new XMLHttpRequest();
		}

		if (null != xmlHttpRequest) {
			


/*
			xmlHttpRequest.open("POST", "AjaxServlet", true);
//关联好回调函数
			xmlHttpRequest.onreadystatechange = ajaxCallback;
// 使用post方式提交,必须要加上如下一行
			[color=darkred]xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");[/color]
//向服务器发送信息
			xmlHttpRequest.send("v1=" + v1 + "&v2=" + v2);
		
*/

//GET的提交方式
var v1=document.getElementsByName("value1")[0].value;
			var v2=document.getElementsByName("value2")[0].value;
			xmlHttpRequest.open("GET", "AjaxServlet?v1="+v1+"&v2="+v2, true);
			
			xmlHttpRequest.onreadystatechange = ajaxCallback;
			xmlHttpRequest.send(null);
}
	}

	function ajaxCallback() {
		//alert("test");
		if (xmlHttpRequest.readyState == 4) {
			if (xmlHttpRequest.status == 200) {
				var Text = xmlHttpRequest.responseText;
				//alert(Text);
				document.getElementById("div1").innerHTML = Text;
			}
		}
	}
</script>
分享到:
评论

相关推荐

    前后端数据交互ajax ,包括原生js的ajax,以及jquery中的ajax的使用(一)

    ajax 是Asynchronous Javascript And XML四个单词的简写,粗略翻译为:异步的Javascript 和 XML. 1.异步:代表的是前端向后台发起请求,让后端处理完成,然后再返回一段数据,前端拿到返回的数据后需要做一系列的...

    使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习

    在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。XMLHTTPRequest对象是实现Ajax的核心,它是...

    javascript原生ajax写法分享_.docx

    JavaScript中的AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它的核心是XMLHttpRequest对象,这个对象允许我们与服务器进行异步数据交换,从而实现网页...

    ajax pro分页 非常标准的 写法 供学习

    在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提高用户体验。本文将深入探讨“Ajax Pro分页”的概念、实现原理以及一个非常标准的写法,供学习者参考。 一、Ajax Pro...

    自己写的最简单Ajax例子

    Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这个技术的出现极大地提升了用户体验,使得网页可以更加流畅地进行数据交互和页面更新。在"自己写的最...

    PHP+Ajax 效果留言板

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在这个留言板中,Ajax主要负责异步提交留言和获取新留言。 - **XMLHttpRequest对象**:Ajax的...

    原生Aajax 和jQuery Ajax 写法个人总结

    AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。本文重点给大家介绍原生Aajax 和jQuery Ajax 个人总结,一起看看吧

    07-ajax.pdf

    Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。此文档是关于Ajax相关的知识,深入浅出的讲解了Ajax的应用以及写法,对于刚入门的新手有很大的...

    JavaScript第十章完整案例

    AJAX(Asynchronous JavaScript and XML)使得网页可以在不刷新整个页面的情况下,与服务器进行数据交换,提升用户体验。 闭包是JavaScript中的一个重要特性,它允许内部函数访问并操作外部函数的变量,即使外部...

    AJAX 请求完成时执行函数。Ajax 事件。

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在AJAX请求中,事件处理是非常关键的一部分,它允许我们...

    javascript原生ajax写法分享

    在JavaScript中,Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。它的核心是XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信,实现...

    jsp 调用 jsp 的ajax写法 小例子

    在本文中,我们将深入探讨如何在JSP(JavaServer Pages)中使用AJAX(Asynchronous JavaScript and XML)技术。这是一个非常实用的技巧,允许我们实现页面的无刷新更新,提高用户体验。我们的示例是一个简单的纯JSP...

    Ajax引擎 ajax请求步骤详细代码

    说起AJAX,可能是很多同学在很多地方都看到过,各大招聘网站上对于WEB前端和PHP程序员的技能要求清单中也是必不可少的一项。... AJAX 来自英文“Asynchronous Javascript And XML” 的缩写,也称为异步JavaScript和XML

    简单的SSH三层架构+Ajax实现Google自动搜索极为相似版+直接Excel导入数据库

    Ajax(Asynchronous JavaScript and XML)技术允许Web页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在此项目中,使用Ajax实现Google自动搜索的极度相似功能,可能涉及以下步骤: 1. 用户在...

    ajax、jquery各种很实用的分页写法

    AJAX(Asynchronous JavaScript and XML)和jQuery是实现动态分页的常用技术。这篇文章将详细解释如何使用这两种技术来创建实用的分页功能。 首先,理解AJAX的基础。AJAX是一种在不刷新整个页面的情况下,与服务器...

    ajax技术文档 一些常用的ajax技术文档,及其应用实例!

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。Ajax技术提高了用户体验,使得网页交互更加流畅...

    原生AJAX写法实例分析

    在介绍原生AJAX写法的实例分析中,我们首先需要了解AJAX(Asynchronous JavaScript and XML)技术的概念。AJAX是一种能够使用JavaScript在不重新加载页面的情况下,与服务器交换数据并更新部分网页的技术。使用AJAX...

    js基本ajax写法示例代码

    在现代Web开发中,Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过Ajax,用户可以在不离开当前页面的情况下与服务器进行数据交换。这种技术极大地提升...

Global site tag (gtag.js) - Google Analytics