xmlHttpRequest对象的使用
来源:互联网 发布:宜学贷总是网络不给力 编辑:程序博客网 时间:2024/05/17 22:29
<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);
});
}
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);
});
}
0 0
- XMLHttpRequest 对象的使用
- XMLHttpRequest对象的使用
- xmlHttpRequest对象的使用
- 【AJAX】XMLHttpRequest对象的使用
- XMLHttpRequest对象的基本使用
- XMLHttpRequest对象的五步使用
- 【AJAX】——XMLHttpRequest对象的使用
- Ajax中XMLHttpRequest对象的使用
- 使用XMLHttpRequest 对象
- XmlHttpRequest对象使用实例
- ajax使用xmlHttpRequest对象
- 第一章:使用XMLHttpRequest对象
- 2使用XMLHttpRequest对象
- XMLHttpRequest对象及其使用
- XMLHttpRequest 对象使用案例
- ajax-xmlHttprequest对象的对象创建和属性使用
- XMLHttpRequest对象的属性
- xmlhttprequest对象的创建
- oracle.jdbc.driver连接数据库
- AppContext
- oracle手动创建表空间,用户,和授权
- oracle分别使用jdbc和hibernate的例子
- 数据结构 第一章绪论【思维导图】
- xmlHttpRequest对象的使用
- 级联菜单,省市级联菜单
- MyEclipse中js中不能放中文解决办法
- 如何使用预订进行计划收货
- 高通平台修改msm8916_defconfig
- 《Perl语言入门》第四章 子程序
- 【索引】Codeforces Round #266 (Div. 2)
- undefined index
- 在使用MyEclipse 6中不能使用 alt + / 快捷键进行快速提示