var xmlhttp = null;
function myajax() {
//1、创建XMLHttpRequest对象
//2、需要针对IE和其它浏览器建立这个对象的不同方式写不同的代码
if (window.XMLHttpRequest) {
//针对FF,Mozilar,Opera,Safari,IE7,IE8
xmlhttp = new XMLHttpRequest();
//修正某些浏览器bug
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType("text/xml");
}
} else if (window.ActiveXObject) {
//针对IE6以下的浏览器
var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP", ""];
for (var i = 0; i < activexName.length; i++) {
try {
//取出一个控件名称创建,如果创建成功则停止,反之抛出异常
xmlhttp = new ActiveXObject(activexName[i]);
break;
} catch (e) { }
}
}
//需要确认xmlhttp创建是否成功
if (!xmlhttp) {
alert("XMLHTTPRequest创建失败!");
return;
} else {
alert(xmlhttp);
}
//注册回调函数。注意注册回调函数是不能加括号,加了会把函数的值返回给onreadystatechange
xmlhttp.onreadystatechange = callback;
//设置连接信息
//第一个参数表示http请求方式,支持所有http的请求方式,主要使用get和post
//第二个参数表示请求的url地址,get方式请求的参数也在urlKh
//第三介参数表示采用异步还是同步方式交互,true表示异步
xmlhttp.open("GET", "servlet/CheckUserName?userName=" + userName, true);
//发送数据表示和服务器端交互
//同步方式下,send这名话会在服务器端数据回来后才执行完
xmlhttp.send(null);
//异步方式下,send这句话立即完成执行
//POST方式请求的代码
//xmlhttp.open("POST","servlet/CheckUserName",true);
//POST方式需要自己设置http的请求头
//xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//POST方式发送数据
//xmlhttp.send("userName="+userName);
}
//回调函数
function callback() {
//判断对象的状态是交互完成
if (xmlhttp.readyState == 4) {
//判断http的交互是否成功
if (xmlhttp.status == 200) {
//获取服务器端返回的数据
//获取服务器端输出的纯文本数据
var responseText = xmlhttp.responseText;
alert(responseText);
}
}
}
分享到:
相关推荐
主要介绍了js基本ajax写法,需要的朋友可以参考下
javascript原生ajax写法分享_.docx
ajax:一种请求数据的方式,不需要刷新整个页面; ajax的技术核心是 XMLHttpRequest 对象; ajax 请求过程:创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据; /** * 得到ajax对象 */ function ...
使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习
封装jquery ajax方法,方便调用,避免在代码中频繁使用 $.ajax({ type: 'GET', url: url, ...... )}; 统一调用公共方法即可,区分同步异步,get post!希望对大家有帮助
ajax 是Asynchronous Javascript And XML四个单词的简写,粗略翻译为:异步的Javascript 和 XML. 1.异步:代表的是前端向后台发起请求,让后端处理完成,然后再返回一段数据,前端拿到返回的数据后需要做一系列的...
AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。本文重点给大家介绍原生Aajax 和jQuery Ajax 个人总结,一起看看吧
AJAX (Asynchronous JavaScript and XML, 异步 JavaScript 及 XML 技术) 是个新词,但内涵是两个存在已有一段时间的 JavaScript 功能。这两种功能以往一直被忽略,在 Gmail、Google suggest 及 Google Maps 出现后才...
最基本的Ajax写法(成功和失败的返回)
本文实例分析了原生AJAX写法。分享给大家供大家参考。具体分析如下: 虽然现在很多JS的框架提供了AJAX的调用方法,我们甚至不用去了解其具体的实现原理就可以直接调用了,但是我认为不去从最基础的层面了解一个东西...
基于js原生和ajax的get和post方法以及jsonp的原生写法实例.docx
在学会了纯js版的Ajax写法后,不妨试试jQuery这个框架,集成了对Ajax的应用,十分方便和强大。
自己整理的一个ajax例子:包括前台javascript和后台返回值写法(java)。 今天在网上找ajax的基本写法,没想到一时半会竟然找不到完整例子,郁闷了一下,所以自己整了个,希望能帮到大家。
1、js进程中断,异步ajax同步写法,html+generator+thunk+ajax实现 2、 同时也可以解决重写的alert 和 confirm 不能中断进程的问题
xhr.open("get","http://localhost/ajax2/test2.php?username="+username.value+"&pwd="+pwd2.value,true); xhr.send(); xhr.onreadystatechange = function(){ if (xhr.readyState == 4) { if (xhr.status>=200 && ...
如果网站页面潜逃了ajax 想在后台利用js弹出对话框 试试这个方法 挺好用的
这几年JQuery写多了,传统的的...废话不多少,直接上代码,注释写的很详细,大家应该能看懂: 代码如下: [removed] //(A)①获取文本文件方法(传统javascript实现AJAX写法) function LoadXMLDoc1() { var xmlhttp; if