ajax:利用XMLHttpRequest建立到服务器的连接并处理返回信息
来源:互联网 发布:张家港法院拍卖淘宝网 编辑:程序博客网 时间:2024/04/29 16:47
<html>
<head>
<script language="javascript" type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox,Opera 8.0+,Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
/*以上浏览器类型的判定项也可等价为:
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
try{
if( i == 2 ){ //IE
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); }
else{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
xmlhttp_request.setRequestHeader("Content-Type","text/xml");
xmlhttp_request.setRequestHeader("Charset","gb2312"); }
break;}
catch(e){
xmlhttp_request = false; } } }
else if( window.XMLHttpRequest ) //Firefox,Opera 8.0+,Safari
{ xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType)
{ xmlhttp_request.overrideMimeType('text/xml'); } } }
catch(e){ xmlhttp_request = false; }
*/
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)//xmlHttp.status标示HTTP连接的状态
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","http://",true);
xmlHttp.send(null);
if(document.myForm.username.value.length==0)
alert(xmlHttp.responseText);
}
</script>
</head>
<body>
<form name="myForm" onSubmit="return ajaxFunction()" >
用户: <input type="text" name="username" >
时间: <input type="text" name="time" >
<input type="submit" name="button" value="提交">
</form>
</body>
</html>
//改进后,可实现与服务器的实时交互
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
<!--
var str=new String();
str="";
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox,Opera 8.0+,Safari
xmlHttp=new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType)
{
xmlhttp_request.override.MimeType('text/xml');
}
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
/*var str=new String();
str=xmlHttp.responseText;
var file=new ActiveXObject("Scripting.FileSystemObject");
var f=file.CreateTextFile("C:\\Users\\chen\\Desktop\\0.xml",true);
f.Write(str);
f.Close();*/
str=xmlHttp.responseText;
//alert(str);
document.getElementById("show").innerHTML=str;
//window.setTimeout("afxFunction()",1000*60);
}
}
var url="http://chen-pc:8080/ajax/response.jsp";//请求内容,自编辑
url=url+"?uid="+document.myForm.id.value;
//alert(url);
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
//window.setTimeout("afxFunction()",1000*60);
}
-->
</script>
</head>
<body>
<form name="myForm" method="get" action="#" >
ID: <input type="text" name="id"><br>
<input type="button" name="button" value="获取信息" onclick="ajaxFunction();"><br><br>
<div id="show">学籍信息:</div>
</form>
</body>
</html>
- ajax:利用XMLHttpRequest建立到服务器的连接并处理返回信息
- AJAX建立和服务器连接,接收服务器技术处理服务器返回的数据
- Ajax处理XML,XMLHttpRequest对象的创建和访问servlet并返回xml数据到页面展示
- 一个完整的通过encoding/json信息传递格式,采用http.POST利用进行与服务器通信,并对返回结果进行解析处理的典型案例
- Ajax-异步对象连接服务器-XMLHttpRequest
- jquery ajax方法重写,利用statusCode对象根据服务器返回的不同状态进行处理
- 服务器返回到浏览器的常见信息
- 利用Socket连接到某个端口并打印出它所找到的信息
- ajax XMLHttpRequest 对象建立
- 【ajax】xmlHttpRequest 第一个例子 服务器返回的是HTML格式
- 【ajax】xmlHttpRequest servelet生成xml文件 服务器返回的是XML格式数据
- XMLHttpRequest处理xml格式的返回数据
- ServerSocket和Socket建立通信(客户端发送消息服务器接收并返回到客户端接收输出)
- ServerSocket和Socket建立通信(客户端发送消息服务器接收并返回到客户端接收输出)
- ajax如何处理服务器返回的三种数据类型
- AJAX对服务器返回XML的处理方法
- ajax如何处理服务器返回的3种数据格式
- html5 websocket 无法建立到服务器的连接 一种解决方法
- 浅谈android的selector,背景选择器
- js总结
- “运行”常用命令
- PHP运行SQL脚本文件
- python 日志模块示例的详细分析
- ajax:利用XMLHttpRequest建立到服务器的连接并处理返回信息
- 网络知识积累
- 宇宙真实形状
- ppt转换成word的几种方法
- 关于把设计时代码从运行时代码中分离出来的问题
- Linux下常用系统工具及知识点
- 十七周作业1
- eclipse代码提示配置及一些的快捷键。
- WWDC之iOS6新功能完全解析