一段重用很高的ajax代码
发布时间:2009-02-09 13:27:00
标签:ajax,代码,xmlhttp
一段重用很高的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>


猜你喜欢
- jQuery源码里自己也有很多用到each方法。其实jQuery里的each方法是通过js里的call方法来实现的。下面简单介绍一下call
- 最近有一个小项目,有如下的需求:将某几个源码文件夹进行打包,文件夹内有py文件、dll文件、exe文件等各种文件类型打包生成的安装包,在进行
- pycharm是一款高效的python IDE工具,它非常强大,且可以跨平台,是新手首选工具!下面我给第一次使用这款软件的朋友做一个简单的使
- 1. 集合 set 简介集合的最大特征是其每个元素都是唯一的,它可以删除、可以增加、也可以通过增删实现替换元素,但是它是没有下标的,你无法通
- 前言前面安装过mysql5.6,时隔三个月,开发那边反馈需要在MySQL中处理JSON类型的数据,查看文档,JSON是在5.7支持的新特性。
- 我就废话不多说了,大家还是直接看代码吧~import re s = 'alibaba阿里巴巴' # 待分割字符串en_let
- 示例1:文件打包,上传与校验我们时常做一些文件包分发的工作,实施步骤一般是先压缩打包,在批量上传至目标服务器,最后做一致性校验,本案例通过p
- 本文实例为大家分享了Python实现京东秒杀功能的具体代码,供大家参考,具体内容如下#Python 3.5#coding:utf-8#imp
- 当系统出现故障时,只要存在数据日志那么就可以利用它来恢复数据解决数据库故障。作为SQL Server数据库管理员,了解数据日志文件的作用,以
- 一、背景python是一个动态语言,可以支持我们在运行时动态的给类、对象添加属性或者方法;但是如果我们想要限制可以添加的属性或方法该怎么办呢
- 前言工作中使用了redux-saga这个redux中间件,如果不明白内部原理使用起来会让人摸不着头脑,阅读源码后特意对其原理做下总结。red
- 本文实例讲述了Python Scrapy框架:通用爬虫之CrawlSpider用法。分享给大家供大家参考,具体如下:步骤01: 创建爬虫项目
- 先看一个示例代码如下<template> <div align="center" styl
- 而Easp类中提供了大量实用的ASP通用过程及方法,可以简化大部分的ASP操作。目前只提供了VBScript版,JScript版将来可能会提
- 计算信息熵的公式:n是类别数,p(xi)是第i类的概率假设数据集有m行,即m个样本,每一行最后一列为该样本的标签,计算数据集信息熵的代码如下
- Plotly 是目前已知的Python最强绘图库,它比上次我们讲的Echarts还强大许多许多,它的绘制通过生成一个web页面完成,并且支持
- 引言做接口测试中,对于一般性的单业务接口测试很多工具可供选择,但是对于一些相关业务相关性的关联接口测试就比较麻烦,使用工具比如jmeter、
- 1.彻底弄懂CSS盒子模式一(DIV布局快速入门) 2.彻底弄懂CSS盒子模式二(导航栏实例) 3.彻底弄懂CSS盒子模式三(浮动的表演和清
- CSS 中的 position 属性可以很容易的将指定的元素定位到理想的位置。但在使用这一属性时需要注意,尤其是在表格元素中。为了说明此问题
- 使用Qt Creator创建默认的窗体程序后,主窗口QMainWindow有statusBar状态栏,在此状态栏实时显示时间可以使用下面方法