<script type="text/javascript">
var xmlHttpRequest;
function createXMLHttpRequest(){
//1,根据浏览器类型创建xmlHttpRequest对象
if(window.XMLHttpRequest){//Mozilla 浏览器
xmlHttpRequest = new XMLHttpRequest();
}else{
if (window.ActiveXObject) {//IE浏览器
try {
xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
//判断xmlHttpRequest是否创建成功
if(xmlHttpRequest == null){
alert("xmlHttpRequest对象创建失败!");
return;
}else{
alert(xmlHttpRequest);
}
//返回xmlHttpRequest对象
return xmlHttpRequest;
}
//调用该方法与服务器端通信,根据用户名返回不同的信息
function check(){
//得到xmlHttpRequest对象
xmlHttpRequest = createXMLHttpRequest();
//根据dom的方法获得标签为name元素的值
var name = document.getElementById("name").value;
//2,设置连接信息
//第一个参数表示http请求的方式
//第二个参数表示请求的url地址
//第三个参数表示是同步还是异步调用,true表示异步调用
xmlHttpRequest.open("GET","ajax?name="+name,true);
//3,注册回调函数,
//注册回调函数时,只需要函数名,不需要加上括号
//我们需要将回调函数注册,如果加上括号,就会把函数的返回值注册上,这是错误的
xmlHttpRequest.onreadystatechange = collback;
//4,发送信息,开始和服务器端进行交互
xmlHttpRequest.send(null);
}
function collback(){
//5,接收响应数据
//判断对象的状态是否交互完成
if(xmlHttpRequest.readyState == 4){
//判断http的交互是否成功,404未找到路径,500内部错误,503没有访问权限
if(xmlHttpRequest.status == 200){
alert("display");
//获取服务器端返回的数据
//获取服务器端输出的纯文本数据data
var data = xmlHttpRequest.responseText;
//将数据显示在页面上
//通过dom的方式找到div标签的对应的元素
var message = document.getElementById("message");
//设置元素节点中的html内容
message.innerHTML = data;
}
}
}
</script>
function checkName(){
alert(" welcome js file!");
var jqueryObj = $("#name");
var name = jqueryObj.val();
//var name = document.getElementById("name");
$.get("check?name="+name,null,collback);
}
function collback(data){
alert(data);
var resultObj = $("#message");
resultObj.html(data);
}
function check(){
$.get("check?name="+$("#name").val(),null,function(data){
$("#message").html(data);
});
}
分享到:
相关推荐
创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar创建XMLHttpRequest对象的方法.rar
快速理解XMLHttpRequest对象使用,理解ajax的使用原理
Ajax深度剖析,XMLHttpRequest对象大揭秘
[王兴魁]AJAX核心技术1-XMLHttpRequest对象的使用
全面剖析XMLHttpRequest对象 全面剖析XMLHttpRequest对象
一般网上流传的创建XMLHttpRequest对象比较简单。跨浏览器能力非常有限。并不全面。 经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流...
介绍了XMLHttpRequest对象的基本知识
使用XMLHttpRequest对象
创建XMLHttpRequest对象
全面剖析Ajax XMLHttpRequest对象
全面剖析XMLHttpRequest对象.doc
XMLHttpRequest对象的创建和使用
AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题
XMLHttpRequest对象详解 可让你更深刻的理解XMLHttpRequest对象
了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject(“Msxml12...
XMLHttpRequest对象,Ajax中的技术手册之一