一段重用很高的ajax代码
时间:2009-02-09 13:27:00
一段重用很高的ajax代码,可以套用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>client.html</title>
<script language="JavaScript" type="text/javascript">
var xmlreq = false;
// ---------------初始化XMLHttpRequest--------------------
function createXMLHttpRequest(){
if (window.XMLHttpRequest) {
//不是ie浏览器
xmlreq = new XMLHttpRequest();
}
else
if (window.ActiveXObject) {
//IE
try {
xmlreq = new ActiveXObject("Msxml12.XMLHTTP");
}
catch (e1) {
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e2) {
// Unable to create an XMLHttpRequest with ActiveX
}
}
}
}
//------------发送XMLHttpRequest请求-----------------
//GET提交请求
function sendRequestGet(url){
createXMLHttpRequest();
xmlreq.open("get",url,true);
xmlreq.onreadystatechange = processResponse;//响应请求函数
xmlreq.send(null);
}
//POST提交请求
function sendRequestPost(url,param){
createXMLHttpRequest();
xmlreq.open("post",url,true);
xmlreq.onreadystatechange = processResponse;//响应请求的函数
xmlreq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlreq.send(param);
}
function sendRequest(url,param,method){
if(method){
if (method.toLowerCase("get")) {
sendRequestGet(url + "?" + param);
}
else
if (method.toLowerCase("post")) {
sendRequestPost(url, param);
}
}else{
alert("method is null");
}
}
//---------响应请求的函数------------
function processResponse(){
if(xmlreq.readyState == 4){
if(xmlreq.status == 200){
alert(xmlreq.responseText);
}else{
alert("发送失败!")
}
}
}
//事件响应
function submitRequest(){
var form1 = document.getElementById("form1");
var url = form1.action;
var username = form1.username.value;
var password = form1.password.value;
var method = form1.method;
var param = "username=" + username + "&password=" + password;
sendRequest(url, param, method);
}
</script>
</head>
<body>
<form action="server.jsp" method="post" name="form1" id="form1">
用户名:<input name="username" id="username" type="text">
<br>
密 码:<input name="password" id="password" type="text">
<br>
<input type="button" value="发送信息" onclick="submitRequest()">
</form>
</body>
</html>
标签:ajax,代码,xmlhttp
0
投稿
猜你喜欢
选项卡动态增删的效果(内嵌框架)
2008-05-22 12:59:00
潜谈产品设计中的可用性和可访问性
2009-01-18 12:47:00
asp HTTP 500错误 常见问题分析
2011-04-07 10:33:00
ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)
2012-06-06 20:11:21
WEB2.0网页制作标准教程(2)什么是名字空间
2007-11-13 13:04:00
微软建议的ASP性能优化28条守则(3)
2008-02-24 16:30:00
ASP程序种如何调用DLL文件
2008-01-15 19:12:00
提一个懒人需求——找遥控器的电视
2009-03-23 18:16:00
兼容 IE,Firefox 的图片自动缩放 CSS
2011-09-27 13:36:58
一个asp正则替换的方法
2008-11-25 14:05:00
瞬间的快感之细节提升用户满意度
2010-11-17 19:19:00
从xml中获取城市,省份名称
2008-09-05 15:07:00
不同浏览器的兼容一些写法
2009-03-26 12:58:00
在Spring中用select last_insert_id()时遇到问题
2009-05-24 19:50:00
写了一个小巧的jquery拾色工具
2009-12-21 14:22:00
关于Dreamweaver乱码问题的解决方案
2010-09-02 12:36:00
asp如何创建一个Exchange用户?
2009-11-14 20:52:00
视觉对交互的帮助——提升可用性
2008-10-16 13:16:00
ASP教程:自己写的数据库操作类
2008-11-21 17:29:00
给展示性图片增加提示工具条(黑白效果)
2007-10-20 14:21:00