`

2.原始的Ajax的GET调用

AjaxIEJavaScriptXHTMLMicrosoft 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<script type="text/javascript">
		function createReq() {
			var req = false;
			if (window.XMLHttpRequest) { //Mozilla
				req = new XMLHttpRequest();
			} else if (window.ActiveXObject) { //IE
				try { 
					req = new ActiveXObject("Microsoft.XMLHTTP"); //IE6
				} catch (e) {  
					try { 
						req = new ActiveXObject("MsXML2.XMLHTP");
					} catch (e) {
						alert("创建XMLHttpRequest对象失败！");
					}
				}
			}
			return req;
		}
		window.onload = function() {
			var req = createReq();
			req.open("GET", "ajax_cont.cfm?id=1", true);
			req.onreadystatechange = function () {
				if (req.readyState == 4) {
					if (req.status == 200) {
						document.getElementById("test").innerHTML = req.responseText;
					}
				}
			}
			req.send(null); 
		}
	</script>
</head>

<body>
	<div id="test">
		Div Test
	</div>
</body>
</html>
分享到：
| JS教程－－escape()编码和unescape()解码
评论
发表评论

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

相关推荐

    ajaxRequest.js(ajax get post方法封装，方便前端调用)

    封装jquery ajax方法，方便调用，避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可，区分同步异步，get post！希望对大家有帮助

    使用$.Ajax调用后台.aspx

    三、调用.aspx页面 .aspx页面通常是基于ASP.NET技术构建的服务器端页面，它可以处理请求并返回响应。在$.ajax中，我们将url设置为.aspx页面的URL，例如： ```javascript $.ajax({ url: '/path/to/your/page.aspx',...

    jQuery+get/post+Ajax+Json

    标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先，jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

    jquery 异步调用$.ajax() $.post() $.get()

    本篇文章将深入探讨jQuery中的异步调用方法，包括`$.ajax()`，`$.post()`和`$.get()`，以及它们在实际开发中的应用。 首先，`$.ajax()`是jQuery提供的最强大的异步数据请求函数，它支持多种HTTP请求方法，如GET、...

    asp.net ajax异步获取数据...前台直接调用后台方法版..

    2. 在客户端，使用JavaScript或者jQuery的AJAX方法来调用这个方法： ```javascript function callServer() { $.ajax({ type: "POST", url: "Default.aspx/GetData", contentType: "application/json; charset=...

    ajax以GET和POST方式调用WCF

    本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务，包括带参数和不带参数的情况。 首先，我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象，然后利用这个对象与服务器进行异步通信。...

    ajax-user-name-uniqueness-check.zip_ajax调用

    - **接收并解析响应**：前端的AJAX回调函数监听`onreadystatechange`事件，当状态改变为4（表示请求完成）且状态码为200（表示成功）时，调用`responseText`或`responseXML`获取服务器返回的数据。 - **更新界面**...

    Ajax中get和post区别

    "Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写，是一种创建交互式网页的技术。其中，Get和Post是两种常用的HTTP请求方法，尽管它们都是用于将数据从客户端发送到服务器端，但是它们之间存在着很...

    ajax异步调用数据

    综上所述，"ajax异步调用数据"是一个关于利用JavaScript和XML（或JSON）技术实现页面无刷新的数据更新的学习项目。通过理解和实践，开发者可以掌握Ajax的基本用法，提高用户体验，实现高效的Web应用交互。

    ajax异步调用webservice实例

    2. 客户端使用JavaScript编写AJAX调用代码，调用WebService的URL，发送请求，如： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://your-web-service-url/GetDate?wsdl', true); xhr....

    jQuery使用Ajax方法调用WebService

    本文将深入探讨如何使用jQuery的Ajax方法来调用WebService，从而实现异步数据交换，提升用户体验。 首先，理解Ajax（Asynchronous JavaScript and XML）的核心概念是关键。Ajax允许网页在不刷新整个页面的情况下与...

    ajax调用数据

    2. **Ajax调用有参后台方法中数据** 如果需要向服务器传递参数，可以在请求体或URL中添加。例如，使用POST方式传递JSON数据： ```javascript var params = { key1: 'value1', key2: 'value2' }; $.ajax({ url: ...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    ### 使用AJAX的GET和POST方法调用Servlet的详尽解析 #### 一、引言 在现代Web开发中，异步JavaScript与XML（AJAX）技术被广泛应用于实现无刷新更新网页的部分内容，极大地提升了用户体验。AJAX通过在后台与服务器...

    学习jQuery中的Ajax——$.get()方法

    本篇文章将深入探讨jQuery中的Ajax方法之一——`$.get()`，以及如何通过它来实现异步数据交互。`$.get()`是jQuery提供的一个便捷的Ajax函数，用于发起GET类型的HTTP请求。 ### 一、$.get()的基本用法 `$.get()`...

    Ajax调用webservices

    例如，我们可以使用Ajax的GET方法调用一个返回用户信息的Web服务： ```javascript xhr.open('GET', 'http://example.com/api/users/123', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr....

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    - 当AJAX请求发送到服务器，服务器返回的脚本会被浏览器执行，调用客户端定义的回调函数，将数据作为参数传入。 2. CORS：CORS是现代浏览器支持的一种更安全、更灵活的跨域方式。$.ajax、$.get、$.post等方法都...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    然而，在使用`.ajax`进行局部刷新后，有时会出现JavaScript无法正确调用的问题，这主要涉及到DOM（文档对象模型）更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....

    图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用

    本话题将详细讲解如何在图书馆管理页面中利用AJAX实现图书的添加、删除和判断功能，以及处理AJAX的GET请求和POST响应，这些都是前端开发者在考试或实际项目中经常遇到的场景。 首先，我们要理解AJAX的基本原理。...

    jquery与ajax调用,有代码 ， 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中，jQuery与Ajax的结合使用极大地简化了异步数据交互的过程，使得前端可以高效地与服务器进行通信，而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用，并通过...

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