`

ajax实例（一）

    博客分类：
  • ajax
ajax 
阅读更多
返回数据的页面content.html 

Hello World!





<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript">
	var xmlHttp;
	function createXMLHttp(){
		if(window.XMLHttpRequest){
			xmlHttp = new XMLHttpRequest();
		}else{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE 
		}
	}
	function showMsg(){
		createXMLHttp();//建立xmlHttp核心对象
		xmlHttp.open("post","content.html");//设置一个请求
		xmlHttp.onreadystatechange = showMsgCallback;//设置请求完成后处理的回调函数
		xmlHttp.send();//发送请求，不传递任何参数
		
	}
	function showMsgCallback(){
		if(xmlHttp.readyState == 4 ){//数据返回完毕
			if(xmlHttp.status == 200){//HTTP操作正常
				var text = xmlHttp.responseText;//接受返回的内容
				//document.getElementById("msg").className="样式名称";//设置要使用的样式表
				//设置msg标签元素中要显示的内容为Ajax接收的返回值内容
				document.getElementById("msg").innerHTML = text;
			}
		}
	}
</script>
<input type="button" onclick="showMsg()" value="调用AJax显示内容"></input>
<span id="msg"></span>
</body>
</html>


分享到：
| ajax简单介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ajax实例实例实例

    首先，我们看到一个名为`DraggableTBHeader`的项目，这可能是一个实现了拖动表格表头功能的Ajax实例。在Web开发中，允许用户自由拖动表格列头以重新排序或调整列宽，可以极大地提高交互性和可操作性。 1. **Web....

    C# Ajax实例 一看就懂 一学就会WebApplication1.zip

    这个实例"WebApplication1"是一个很好的学习资源，帮助初学者快速理解并掌握C#与Ajax的结合使用。 首先，C#是微软公司推出的一种面向对象的编程语言，常用于.NET Framework开发，包括ASP.NET Web应用程序。在Web...

    ajax实例ajax实例

    ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例ajax实例

    ajax 实例实例实例ajax 实例实例实例ajax 实例实例实例

    ### 三、Ajax实例 以下是一个简单的Ajax GET请求示例： ```javascript function getData(url) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....

    Ajax经典实例大全

    Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例...

    Ajax下拉框实例，Ajax小实例

    这个"Ajax下拉框实例"是Ajax技术在实际应用中的一个常见示例，主要用于提升用户界面的交互性和响应速度。 在网页中，下拉框（Dropdown List）常用于提供多项选择，而结合Ajax，下拉框可以实现动态加载数据，提高...

    Ajax实例 Ajax实例

    本Ajax实例将深入讲解如何实现这一功能。 ### 1. Ajax的基本原理 Ajax的工作流程主要包括以下步骤： 1. **创建XMLHttpRequest对象**：这是Ajax的基础，它负责与服务器进行通信。 2. **打开连接**：使用...

    Ajax实例演示Ajax实例演示

    在实际应用中，一个简单的Ajax实例可能涉及以下几个步骤： 1. 创建XMLHttpRequest对象：在JavaScript中，大部分现代浏览器都内置了XMLHttpRequest对象，我们可以通过`new XMLHttpRequest()`来创建。 ```javascript ...

    一个个人编写的简单的Ajax实例。eclipse开发

    在这个个人编写的Ajax实例中，开发者可能实现了一个简单的功能，比如通过Ajax获取数据并在页面上动态显示。由于没有提供具体的代码，我们无法深入讨论细节，但上述内容概述了Ajax的基本原理和开发过程。在实际项目中...

    Ajax 操作实例 ASP.NET实例

    在这个实例中，我们将深入探讨如何将Ajax与GridView和UpdatePanel结合使用。 GridView是ASP.NET中一个强大的数据绑定控件，用于显示和编辑表格数据。在传统的Web应用中，当用户对GridView中的数据进行操作（如编辑...

    AJAX实例大全(有演示)

    本资源《AJAX实例大全(有演示)》正是针对这一技术提供了一系列实例，帮助开发者更好地理解和运用AJAX。** ### 一、AJAX基础概念 1. **异步通信**：AJAX的核心是JavaScript的XMLHttpRequest对象，它允许浏览器在...

    JS使用AjAX实例,JQUERY使用AJAX实例

    **JS使用AJAX实例** AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。在JavaScript中，我们通常使用`XMLHttpRequest`对象或者jQuery库来实现AJAX请求。 1...

    ajax实例教程

    **Ajax 实例教程** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新。这种技术可以让网页更加...

    简单ASP+AJAX实例

    "简单ASP+AJAX实例"是一个教学资源，旨在帮助新手了解如何结合ASP和AJAX来构建无刷新请求功能。在这样的实例中，通常会包含以下几个部分： 1. **ASP后端处理**：使用ASP接收来自客户端的AJAX请求，处理数据（例如...

    asp+jquery ajax实例源码，添加，删除，修改，分页

    综上所述，这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据，结合jQuery的AJAX功能，实现无刷新的交互体验，优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例，...

    visual studio2008开发ajax实例(附带图文解说)

    本实例将引导你了解如何使用 VS2008 结合 AJAX 技术进行开发，同时配合 Northwind 示例数据库，提供了一个直观的学习体验。 **AJAX 基础知识** AJAX 不是一种单一的技术，而是一种利用一系列现有技术（如 ...

    ajax实例 ajax实例

    **Ajax 实例与 jQuery 实现** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。它通过JavaScript与服务器进行异步数据交换，提高了用户体验，使得用户界面更加...

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术已经成为提升用户体验的重要工具，它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON（JavaScript Object ...

    datatables使用ajax实例

    在本实例中，我们将深入探讨如何在datatables中整合Ajax，实现数据的动态加载和更新。 首先，了解`datatables`的基本使用。datatables提供了一种简单的方式来增强HTML表格，包括排序、过滤、分页和快速搜索等功能。...

    ajax实例大全ajax实例大全

    这个"ajax实例大全"包含了多个应用场景，如局部验证、无刷新回复和灯罩效果等，这些都是Ajax技术在实际应用中的典型示例。 1. 局部验证：在用户填写表单时，Ajax可以实现实时验证输入的数据，例如检查电子邮件地址...

Magicbox
Global site tag (gtag.js) - Google Analytics