AJAX(get,post)提交数据
来源:互联网 发布:iope水乳 知乎 编辑:程序博客网 时间:2024/05/19 13:15
<script type="text/javascript">
//使用浏览器兼容的方式创建 异步对象
function createXhr() {
var xhobj = false;
try {
xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
} catch (e) {
try {
xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
} catch (e2) {
xhobj = false;
}
}
if (!xhobj && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
xhobj = new XMLHttpRequest();
}
return xhobj;
}
window.onload = function () {
document.getElementById("btnLogin").onclick = doLoginByGet;
document.getElementById("btnLoginByPost").onclick = doLoginByPost;
}
function doLoginByGet() {
//获得异步对象
var xhr = createXhr();
//设置好参数(请求方式,请求路径,是否启用异步)
xhr.open("get", "LoginAjax.ashx", true);
//设置浏览器get方式不使用缓存
xhr.setRequestHeader("If-Modified-Since","0");
//设置 异步对象的回调函数--每当异步对象的准备状态发生改变的时候调用
xhr.onreadystatechange = function () {
//当readyState==4的时候,就说明 异步对象已经 从服务器获得了返回的数据
if (xhr.readyState == 4) {
//判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
if (xhr.status == 200) {
//获得异步对象从服务器获得的数据
var res = xhr.responseText;
alert(res);
//获得响应报文头所有信息
var hearders = xhr.getResponseHeader("Server");
alert(hearders);
} else {
var hearders = xhr.getResponseHeader("Server");
alert(hearders);
}
}
}
//让异步对象 发送请求到服务器
xhr.send(null);
}
function doLoginByPost() {
var xhr = createXhr();
xhr.open("POST", "LoginAjax.ashx", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
//判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
if (xhr.status == 200) {
var res = xhr.responseText;
alert("res=" + res);
} else {
alert("对不起,服务器繁忙,请稍后再试~~~");
}
}
}
xhr.send("txtName=jameszou&txtpwd=123");
}
</script>
//使用浏览器兼容的方式创建 异步对象
function createXhr() {
var xhobj = false;
try {
xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
} catch (e) {
try {
xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
} catch (e2) {
xhobj = false;
}
}
if (!xhobj && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
xhobj = new XMLHttpRequest();
}
return xhobj;
}
window.onload = function () {
document.getElementById("btnLogin").onclick = doLoginByGet;
document.getElementById("btnLoginByPost").onclick = doLoginByPost;
}
function doLoginByGet() {
//获得异步对象
var xhr = createXhr();
//设置好参数(请求方式,请求路径,是否启用异步)
xhr.open("get", "LoginAjax.ashx", true);
//设置浏览器get方式不使用缓存
xhr.setRequestHeader("If-Modified-Since","0");
//设置 异步对象的回调函数--每当异步对象的准备状态发生改变的时候调用
xhr.onreadystatechange = function () {
//当readyState==4的时候,就说明 异步对象已经 从服务器获得了返回的数据
if (xhr.readyState == 4) {
//判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
if (xhr.status == 200) {
//获得异步对象从服务器获得的数据
var res = xhr.responseText;
alert(res);
//获得响应报文头所有信息
var hearders = xhr.getResponseHeader("Server");
alert(hearders);
} else {
var hearders = xhr.getResponseHeader("Server");
alert(hearders);
}
}
}
//让异步对象 发送请求到服务器
xhr.send(null);
}
function doLoginByPost() {
var xhr = createXhr();
xhr.open("POST", "LoginAjax.ashx", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
//判断服务器返回的状态码是否为200,如果不是,则可能服务器出现了不测
if (xhr.status == 200) {
var res = xhr.responseText;
alert("res=" + res);
} else {
alert("对不起,服务器繁忙,请稍后再试~~~");
}
}
}
xhr.send("txtName=jameszou&txtpwd=123");
}
</script>
0 0
- AJAX(get,post)提交数据
- ajax post get方式提交数据详解
- ajax 学习笔记之二 POST GET方式提交数据
- AJax中get和post的数据提交功能
- ajax 提交post get 数据,得到json结果解析
- Jquery:ajax post get提交
- 数据提交(get和post)
- CHttpFile GET/POST 提交数据
- GET和POST提交数据
- C# POST,GET 提交数据
- php get/post 提交数据
- jQuery Ajax 实例 ajax提交,post提交,get提交
- ajax post&get 请求数据
- Ajax的post提交数据
- ajax post 提交大量数据
- AJAX基础解说 GET与POST提交
- jquery 表单提交 ajax post get
- AJAX异步、POST、GET提交总结一览
- dd 命令 制作u盘启动盘
- minicom无法输入问题,键入的内容不显示
- IFeatureclass 获取不到 名字的问题
- H3C交换机SNMP配置详解
- 数据结构_6:树:C++
- AJAX(get,post)提交数据
- Python 文件写入中文问题
- myeclipse中的complier
- Android 高效加载大图片避免OOM
- 一些工具类
- android 数据图标的刷新通知流程
- Java Web学习总结(13)——JSP入门
- json字符串转换为JSONObject和JSONArray
- 电子商务是未来的方向