`

AJAX原始的GET和POST请求方式

    博客分类:
  • AJAX
阅读更多
//创建XMLHttpRequest对象
var xmlHttpRequest;
function AjaxXMLHttpRequest(){
	//获得页面数据
	var username = document.getElementById("username").value;
	if(window.XMLHttpRequest){
		//Firefox IE7 IE8 Opera 
		xmlHttpRequest = new XMLHttpRequest();
		if(xmlHttpRequest.overrideMineType){
			//修正一些浏览器的BUG
			xmlHttpRequest.overrideMineType("text/xml");
		}
	}else if(window.ActiveXObject){
		//IE6 为什么这个写在后面?因为前面那个好,用更新的
		activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
		for(var i=0;i<activexName.length;i++){
			try{
				//一次一次的尝试创建xmlHttpRequest对象
				xmlHttpRequest = new ActiveXObject(activexName[i]);
			}catch(e){
			
			}
		}
	}
	//设置回调函数
	xmlHttpRequest.onreadystatechange = callbacks;	
	//第一个参数表示HTTP请求的方式
	//第二个参数表示get请求的连结
	//第三个表示同步还是异步,true表示是异步
	xmlHttpRequest.open("get","servlet/aykjaservlet?username=" + encodeURI(username),true);
         //同步方式下要在这里占停,等待数据发送回来
          xmlHttpRequest.send(null);

/**以下是POST方式
xmlHttpRequest.onreadystatechange = callbacks;//回调函数
xmlHttpRequest.open("POST","ProcessServlet",true);//指定POST方式提交 
xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //设置头信息
xmlHttp.send("username="+encodeURI(username)); //发送的时候传的参数
*/	
}
function callbacks(){
	//判断对象交互状态是否完成,完成了等于4
	//一定这个值发生变化就会调用这个回调函数
	if(xmlHttpRequest.readyState == 4){
		//判断HTTP交互是完成,完成了等于200
		//404表示没有找到
		if(xmlHttpRequest.status == 200){
			//返回的值xml和text
			var responseText = xmlHttpRequest.responseText;
			$("#result").html(responseText);
/**
以下是从服务器获得XML
var domObj = xmlHttpRequest.responseXML;//获得DOM对象
var messageNode = domObj.getElementsByTagName("message");//获得节点
var textNode = messageNode[0].firstChild;//获得文本结点
$("#result").html(textNode.nodeValue);//取值,并显示到HTML中

服务器端一定要设置
response.setContentType("text/xml;charset=utf-8");
*/

		}
	}
}


综上,只有是POST方法时,才能传递URL+参数外的数据,XHR明显是考虑到了这一点。当send的数据存在时,自动使用POST。
http://www.iteye.com/topic/221344

XMLHttpRequest详解
http://www.iteye.com/topic/199990
分享到:
评论

相关推荐

    Ajax中get和post区别

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

    Ajax中get与post请求详解

    Ajax 中 get 与 post 请求的详细解释 Ajax 技术中 get 与 post 两种请求方式是...在 Ajax 中,get 和 post 两种请求方式都有其特点和缺陷,开发者应该根据实际情况选择合适的请求方式,以确保数据的安全性和可靠性。

    Ajax Get、Post请求

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

    ajax POST 与GET提交的区别

    在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...

    html页面模式get/post请求

    在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...

    ajax以GET和POST方式调用WCF

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

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

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

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

    在IT行业中,服务端模拟AJAX请求是一种常见的测试和开发技术。这主要涉及到Web应用程序的交互,特别是客户端(浏览器)与服务器之间的异步数据通信。本文将深入探讨如何使用JavaScript来模拟GET、POST、PUT和DELETE...

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

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

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

    HTML页面代码展示了如何通过JavaScript函数发起GET和POST请求: 1. **`createXMLHttpRequest()`**: 根据浏览器类型创建XMLHttpRequest对象。 2. **`createQueryString()`**: 构建查询字符串,即将要发送的数据参数...

    ajax的get请求源码

    2. **设置请求类型和 URL**:通过调用 `open` 方法设置请求类型(GET 或 POST)和 URL。 3. **发送请求**:通过调用 `send` 方法发送请求。 4. **监听响应状态变化**:通过绑定 `onreadystatechange` 事件处理器来...

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    ajax简易模型 兼容多个浏览器(ff ie ...) get post请求

    Ajax的小封装 get,post请求

    在Web开发中,Ajax...以上就是关于Ajax的小封装,包括GET和POST请求的实现。这些封装可以帮助开发者更高效地进行Ajax交互,而无需每次都手动处理所有细节。根据项目需求和浏览器兼容性,可以选择合适的封装方式。

    AJAX实例,get post应用

    function Ajax(url,method,parameter,onSuccess,onError,onLoad){ this.xmlHttp=null; this.url=url; this.method=method; this.parameter=parameter; this.success=onSuccess?onSuccess:null; this.error=on...

    Java 模拟Ajax POST GET 提交代码

    Java 模拟Ajax POST GET 提交代码,实测很好用。

    原生 JS Ajax,GET和POST 请求实例代码

    这里我们将深入探讨原生JS中的Ajax GET和POST请求,并通过实例代码来理解它们的工作原理。 1. **创建XMLHttpRequest对象** 在JavaScript中,Ajax的核心是XMLHttpRequest对象,它提供了与服务器通信的能力。在上面...

    jQuery+get/post+Ajax+Json

    $.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、回调函数和类型。例如,我们可以这样使用它们: ```javascript $.get('api.php', { key: 'value' }, function(response) { ...

    深入理解Ajax的get和post请求

    了解和熟练使用Ajax的GET和POST请求对于前端开发者至关重要,它们是实现页面动态交互的基础。GET适用于轻量级的数据获取,而POST更适合传输大量或敏感数据。在实际应用中,应根据具体需求选择合适的方法。

    js get和post请求实现代码解析.docx

    JavaScript提供了多种方式来发送HTTP请求,其中最常用的就是GET和POST请求。这两种请求方式各有特点,适用于不同的场景。 #### 一、GET请求 GET请求主要用于获取资源。其特点是将请求参数附加在URL后面,以`?`符号...

Global site tag (gtag.js) - Google Analytics