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

ajax xmlHttpRequest get post

阅读更多
<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>
分享到:
评论

相关推荐

    Ajax中get和post区别

    在客户端代码中,我们使用XMLHttpRequest对象创建了一个Get请求和一个Post请求,并将参数传递给服务器端。在服务器端代码中,我们使用Request对象来获取参数,并返回结果。 结论 Get和Post请求都是HTTP请求方法,...

    php+Ajax(GET&POST)完美实例

    2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...

    AjaxXMLHttpRequest_Demo02.zip

    在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...

    Ajax Get、Post请求

    在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    ajax以GET和POST方式调用WCF

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

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

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

    服务端模拟ajax支持发起GETPOSTPUTDELETE请求

    在JavaScript中,我们可以使用`XMLHttpRequest`对象或者现代浏览器中的`fetch` API来模拟GET请求。例如: ```javascript // 使用XMLHttpRequest var xhr = new XMLHttpRequest(); xhr.open('GET', '...

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

    1. **图书添加**:在用户填写完图书信息并提交时,前端可以使用`$.ajax()`函数(jQuery库中的实现)或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求,将图书数据发送到后台服务器。服务器验证数据无误后...

    AJAX XMLHttpRequest慨述

    ### AJAX与XMLHttpRequest概述 #### 一、引言 随着Web技术的发展,用户对Web应用的需求日益增长,不仅要求功能强大,还希望交互性更强、响应速度更快。AJAX(Asynchronous JavaScript and XML,异步JavaScript和...

    js ajax XMLHttpRequest的使用

    一旦实例化了XMLHttpRequest对象,你需要设置请求的类型(GET或POST)、URL以及是否异步执行。这通常在`open()`方法中完成: ```javascript xhr.open('GET', 'test.jsp', true); ``` 在发送请求前,可能需要设置...

    jsp+ajax发送GET请求的方法.docx

    Ajax 发送 GET 请求是通过创建 XMLHttpRequest 对象来实现的。在 JavaScript 代码中,我们使用 createXmlHttpRequest 函数来创建 XMLHttpRequest 对象,该函数可以兼容不同的浏览器。 ```javascript function ...

    一个简单的xmlHttpRequest ajax的例子

    XMLHttpRequest(简称XHR)是AJAX(异步JavaScript和XML)技术的核心,它允许Web页面在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这大大提升了用户体验,使得网页应用更加动态和交互性更强...

    jQuery AJAX XMLHttpRequest对象PPT

    XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...

    Ajax简单实例 XMLHttpRequest

    本实例将通过XMLHttpRequest对象来展示Ajax的基础用法,非常适合初学者学习。 首先,要理解XMLHttpRequest对象是Ajax的核心,它负责在后台与服务器进行通信。在JavaScript中,我们可以通过以下方式创建一个...

    xmlHttpRequest用法示例ajax

    XMLHttpRequest(简称XHR)是JavaScript中的一个对象,用于在不刷新整个页面的情况下,与服务器进行异步数据交换,这是实现Ajax(Asynchronous JavaScript and XML)技术的基础。在本示例中,我们将深入探讨...

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...

    Ajax之XMLHttpRequest详解

    ### Ajax之XMLHttpRequest详解 #### 一、引言 随着互联网技术的发展,用户对Web应用的体验要求越来越高。传统的Web应用程序通常采用请求/响应模型,这意味着每次用户与页面交互(例如点击按钮)都会触发一个新的...

Global site tag (gtag.js) - Google Analytics