//创建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作为异步JavaScript和XML的简写,是一种创建交互式网页的技术。其中,Get和Post是两种常用的HTTP请求方法,尽管它们都是用于将数据从客户端发送到服务器端,但是它们之间存在着很...
Ajax 中 get 与 post 请求的详细解释 Ajax 技术中 get 与 post 两种请求方式是...在 Ajax 中,get 和 post 两种请求方式都有其特点和缺陷,开发者应该根据实际情况选择合适的请求方式,以确保数据的安全性和可靠性。
在Ajax中,主要使用的请求方式有两种:GET和POST。 **GET请求** GET是HTTP协议中最常见的请求方法之一,主要用于获取服务器上的资源。在Ajax中,使用GET请求时,请求的数据会被附加到URL后面,以问号分隔,形成一个...
在探讨AJAX中GET和POST的区别之前,我们先来了解一下这两种请求方式的基本概念。 **GET**请求通常用于获取资源信息,它将参数拼接到URL后面,并通过URL传输数据。这种方式适合于那些不会更改服务器状态的操作,例如...
在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...
本文将详细讲解如何使用Ajax以GET和POST方式调用WCF服务,包括带参数和不带参数的情况。 首先,我们需要理解Ajax的基本原理。Ajax通过JavaScript创建XMLHttpRequest对象,然后利用这个对象与服务器进行异步通信。...
2. Ajax的GET和POST请求实现。 3. 解决Ajax请求中文乱码问题。 4. PHP接收和发送JSON数据。 5. 结合MySQL数据库进行数据交互。 通过这个实例,开发者可以学习到如何创建一个能够动态获取和提交数据的Web应用,同时...
在IT行业中,服务端模拟AJAX请求是一种常见的测试和开发技术。这主要涉及到Web应用程序的交互,特别是客户端(浏览器)与服务器之间的异步数据通信。本文将深入探讨如何使用JavaScript来模拟GET、POST、PUT和DELETE...
1. **图书添加**:在用户填写完图书信息并提交时,前端可以使用`$.ajax()`函数(jQuery库中的实现)或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求,将图书数据发送到后台服务器。服务器验证数据无误后...
HTML页面代码展示了如何通过JavaScript函数发起GET和POST请求: 1. **`createXMLHttpRequest()`**: 根据浏览器类型创建XMLHttpRequest对象。 2. **`createQueryString()`**: 构建查询字符串,即将要发送的数据参数...
2. **设置请求类型和 URL**:通过调用 `open` 方法设置请求类型(GET 或 POST)和 URL。 3. **发送请求**:通过调用 `send` 方法发送请求。 4. **监听响应状态变化**:通过绑定 `onreadystatechange` 事件处理器来...
ajax简易模型 兼容多个浏览器(ff ie ...) get post请求
在Web开发中,Ajax...以上就是关于Ajax的小封装,包括GET和POST请求的实现。这些封装可以帮助开发者更高效地进行Ajax交互,而无需每次都手动处理所有细节。根据项目需求和浏览器兼容性,可以选择合适的封装方式。
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 提交代码,实测很好用。
这里我们将深入探讨原生JS中的Ajax GET和POST请求,并通过实例代码来理解它们的工作原理。 1. **创建XMLHttpRequest对象** 在JavaScript中,Ajax的核心是XMLHttpRequest对象,它提供了与服务器通信的能力。在上面...
$.get用于发送GET请求,而$.post用于发送POST请求。它们都接受四个参数:URL、数据、回调函数和类型。例如,我们可以这样使用它们: ```javascript $.get('api.php', { key: 'value' }, function(response) { ...
了解和熟练使用Ajax的GET和POST请求对于前端开发者至关重要,它们是实现页面动态交互的基础。GET适用于轻量级的数据获取,而POST更适合传输大量或敏感数据。在实际应用中,应根据具体需求选择合适的方法。
JavaScript提供了多种方式来发送HTTP请求,其中最常用的就是GET和POST请求。这两种请求方式各有特点,适用于不同的场景。 #### 一、GET请求 GET请求主要用于获取资源。其特点是将请求参数附加在URL后面,以`?`符号...