//创建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请求的区别 简单例子 何时使用Get请求,何时使用Post请求
学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解
Ajax Get、Post请求 Ajax Get、Post请求 Ajax Get、Post请求
AJAX POST与get提交数据的差别,喜欢了解详细内容的朋友可以下载学习!
服务端模拟ajax,支持发起GET、POST、PUT、DELETE请求
ajax简易模型 兼容多个浏览器(ff ie ...) 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 提交代码,实测很好用。
主要介绍了原生 JS Ajax,GET和POST 请求实例代码的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
Ajax的小封装对ajax的get请求的小封装.
比如我们经常这样写一个ajax的post请求: $.ajax({ type: "post", // post or get contentType:"application/json;charset=utf-8", data: “requestTag=”+tag+"&content="+content, //请求参数 url: "po
下面小编就为大家带来一篇深入理解Ajax的get和post请求。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
图书馆页面添加删除修改
调用微信公众平台接口 需要用到CURL(相当于ajax) 访问接口返回数据 页面不刷新 此文件封装了调用curl执行get|post请求 返回相应的数据
本项目使用了jQuery的get/post两种方法提交Json格式的数据到后台,后台再把Json格式的数据传到前台。实现了JSON字符串和JSON对象之间的转换。
前言:博主之前有篇文章是快速入门Ajax ,主要是利用Ajax做简单的get请求,今天给大家分享一篇利用Ajax提交post请求,以及使用post时需要注意的地方,还是以案例的方式告诉大家。 案例: 注册表单 文件结构图: 06-...
创建本地服务器,包含简易JSON链,用ajax发送get,post请求以查找本地服务器中的JSON链
谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1KB下,数据追加到url中发送(http的header传送),也就是说,浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的...