<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for all new browsers
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5 and IE6
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);//true 表示异步。
xmlhttp.send(null);//null 表示无参数提交到后台
//如果不为null 则代表是POST提交
// xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8;");
// xmlhttp.send("name="+userName+"&userId="+userId);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = OK
// ...our code here...
Dispaly(); //所有状态成功,执行此函数,显示数据
// document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
}
else
{
alert("Problem retrieving XML data");
}
}else //请求状态还没有成功,页面等待
{
document .getElementById ("myTime").innerHTML ="数据加载中";
}
}
function Dispaly() //接受服务端返回的数据,对其进行显示
{
document .getElementById ("myTime").innerHTML =xmlhttp.responseText;
}
</script>
分享到:
相关推荐
在客户端代码中,我们使用XMLHttpRequest对象创建了一个Get请求和一个Post请求,并将参数传递给服务器端。在服务器端代码中,我们使用Request对象来获取参数,并返回结果。 结论 Get和Post请求都是HTTP请求方法,...
2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...
在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...
在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...
XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...
本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务,包括带参数和不带参数的情况。 首先,我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象,然后利用这个对象与服务器进行异步通信。...
### 使用AJAX的GET和POST方法调用Servlet的详尽解析 #### 一、引言 在现代Web开发中,异步JavaScript与XML(AJAX)技术被广泛应用于实现无刷新更新网页的部分内容,极大地提升了用户体验。AJAX通过在后台与服务器...
在JavaScript中,我们可以使用`XMLHttpRequest`对象或者现代浏览器中的`fetch` API来模拟GET请求。例如: ```javascript // 使用XMLHttpRequest var xhr = new XMLHttpRequest(); xhr.open('GET', '...
1. **图书添加**:在用户填写完图书信息并提交时,前端可以使用`$.ajax()`函数(jQuery库中的实现)或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求,将图书数据发送到后台服务器。服务器验证数据无误后...
### AJAX与XMLHttpRequest概述 #### 一、引言 随着Web技术的发展,用户对Web应用的需求日益增长,不仅要求功能强大,还希望交互性更强、响应速度更快。AJAX(Asynchronous JavaScript and XML,异步JavaScript和...
一旦实例化了XMLHttpRequest对象,你需要设置请求的类型(GET或POST)、URL以及是否异步执行。这通常在`open()`方法中完成: ```javascript xhr.open('GET', 'test.jsp', true); ``` 在发送请求前,可能需要设置...
Ajax 发送 GET 请求是通过创建 XMLHttpRequest 对象来实现的。在 JavaScript 代码中,我们使用 createXmlHttpRequest 函数来创建 XMLHttpRequest 对象,该函数可以兼容不同的浏览器。 ```javascript function ...
XMLHttpRequest(简称XHR)是AJAX(异步JavaScript和XML)技术的核心,它允许Web页面在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这大大提升了用户体验,使得网页应用更加动态和交互性更强...
XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...
本实例将通过XMLHttpRequest对象来展示Ajax的基础用法,非常适合初学者学习。 首先,要理解XMLHttpRequest对象是Ajax的核心,它负责在后台与服务器进行通信。在JavaScript中,我们可以通过以下方式创建一个...
XMLHttpRequest(简称XHR)是JavaScript中的一个对象,用于在不刷新整个页面的情况下,与服务器进行异步数据交换,这是实现Ajax(Asynchronous JavaScript and XML)技术的基础。在本示例中,我们将深入探讨...
XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...
### Ajax之XMLHttpRequest详解 #### 一、引言 随着互联网技术的发展,用户对Web应用的体验要求越来越高。传统的Web应用程序通常采用请求/响应模型,这意味着每次用户与页面交互(例如点击按钮)都会触发一个新的...