tsailer
- 浏览: 53053 次
- 性别:
- 来自: 深圳
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new document</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<H1>This is an ajax demo</H1>
<form>
<input type="button" value="Fetch the message" onclick="getData('data.txt','dataDiv')"/>
</form>
<div id="dataDiv">
<p>The fetch message will appear here</p>
</div>
</body>
<script language="JavaScript" type="text/javascript">
<!--
//alert(null);
var XMLHttpRequestObject=false;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject=new ActiveXObject("Microsoft.XMLHTTP");
}
//以上代码是创建一个XMLHttpRequest对象
//下面是一个使用这个XMLHttpRequest对象的函数，这个函数获取服务器的一个文件内容并显示到网页
function getData(dataSource,divID)
{
if(XMLHttpRequestObject)
{
var obj=document.getElementById(divID);
XMLHttpRequestObject.open("GET",dataSource);
XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XMLHttpRequestObject.onreadystatechange=function ()
{
//alert(XMLHttpRequestObject.readyState);
//alert("status :"+XMLHttpRequestObject.status);
if(XMLHttpRequestObject.readyState==4 && XMLHttpRequestObject.status==200)
{
//alert("11111111");
obj.innerHTML=XMLHttpRequestObject.responseText;
}
}
//alert("111");
XMLHttpRequestObject.send(null);
}
}
window.onbeforeunload=function(){alert("refresh me or close me!");}
//-->
</script>
</html>
注意该html文件夹下要有一个data.txt
同时要在服务器上才能有相应的效果
<a href="#"></a>
指向本连接，不刷新页面
可以用
window.onbeforeunload = function(){ alert("refresh or close this page!");};看是否刷新页面
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new document</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<H1>This is an ajax demo</H1>
<form>
<input type="button" value="Fetch the message" onclick="getData('data.txt','dataDiv')"/>
</form>
<div id="dataDiv">
<p>The fetch message will appear here</p>
</div>
</body>
<script language="JavaScript" type="text/javascript">
<!--
//alert(null);
var XMLHttpRequestObject=false;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
XMLHttpRequestObject=new ActiveXObject("Microsoft.XMLHTTP");
}
//以上代码是创建一个XMLHttpRequest对象
//下面是一个使用这个XMLHttpRequest对象的函数，这个函数获取服务器的一个文件内容并显示到网页
function getData(dataSource,divID)
{
if(XMLHttpRequestObject)
{
var obj=document.getElementById(divID);
XMLHttpRequestObject.open("GET",dataSource);
XMLHttpRequestObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XMLHttpRequestObject.onreadystatechange=function ()
{
//alert(XMLHttpRequestObject.readyState);
//alert("status :"+XMLHttpRequestObject.status);
if(XMLHttpRequestObject.readyState==4 && XMLHttpRequestObject.status==200)
{
//alert("11111111");
obj.innerHTML=XMLHttpRequestObject.responseText;
}
}
//alert("111");
XMLHttpRequestObject.send(null);
}
}
window.onbeforeunload=function(){alert("refresh me or close me!");}
//-->
</script>
</html>
注意该html文件夹下要有一个data.txt
同时要在服务器上才能有相应的效果
<a href="#"></a>
指向本连接，不刷新页面
可以用
window.onbeforeunload = function(){ alert("refresh or close this page!");};看是否刷新页面
分享到：
发表评论
-
JS的replace方法
2011-08-05 10:34 1201from http://www.cnblogs.com/mxw ... -
要写出在各大主流浏览器上都兼容的JS代码，就要关注他们的区别，下是IE和FF综合考虑的通用DOM！
2011-08-04 14:36 921来源于 http://hi.baidu.com/g ... -
<input type="text" id="start" />输入true取布尔true
2011-07-28 14:22 880"true" and true is di ... -
Js获取当前日期时间+日期验证+判断闰年+日期的天数差+日期格式化+JS判断某年某月有多少天
2011-07-27 17:47 4813字符串转日期型+Js当前日期时间+日期验证+判断闰年+日期的天 ... -
高效http页面优化法则一【JS对DOM的操作】
2011-07-08 10:58 1033很多人都认为JS的效率 ... -
form page jump
2011-07-07 10:49 853页面跳转 <input type="hidd ... -
jquery widget sample
2011-07-06 08:39 3447<!DOCTYPE html PUBLIC &quo ... -
jquery apply wait for update
2011-07-05 10:36 1658<!DOCTYPE html PUBLIC &quo ... -
deal with a great quantity domelements add event wait for update
2011-06-29 14:34 1159<!DOCTYPE html PUBLIC " ... -
JS中的attachEvent、addEventListener如何传递参数
2011-06-29 14:02 6268<!DOCTYPE html PUBLIC " ... -
window.onload 和 $(document).ready 区别 待续......
2011-06-27 09:50 2750jquery 学习之一(js中window ... -
js operate frame
2011-06-14 14:04 1193我的页面框架如下 <frameset rows=&quo ... -
js中frame的调用
2011-06-14 12:27 1044js中frame的调用 关键词 ... -
js 事件冒泡 和其它问题
2011-06-10 09:25 821js事件冒泡 <html> <head> ... -
js inner iframe get dom of parent
2011-06-02 15:00 732parent.$("#id");//jqu ... -
add event to all the dom elements in one page except one dom
2011-05-18 10:20 869<!DOCTYPE html PUBLIC &quo ... -
count down 倒计时
2011-05-13 12:42 575<!DOCTYPE html PUBLIC " ... -
js IE与FireFox的兼容性问题 事件
2011-05-13 09:16 1029# window.event * IE：有windo ... -
deal with href remove the same element
2011-05-11 09:38 800var url="http://zhidao.bai ... -
document.form.item 问题集合的(0)和[0]取法
2011-05-09 15:10 1951<!DOCTYPE html PUBLIC " ...
相关推荐
JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的...
资源名称：Ajax详解内容简介：《Ajax 详解》电子书 chm格式，是《四天学会Ajax》一书扩展，更加详细的讲述Ajax的方方面面。 内容简要给大家说明一下：Ajax简介、使用Javaｓｃｒｉｐｔ和Ajax发出异步请求、Ajax中的...
Ajax常规操作：接收Excel文件流
2. **事件处理**：库内部监听`ajaxStart`、`ajaxSend`、`ajaxSuccess`、`ajaxError`等事件，提供了对Ajax请求生命周期的控制。开发者可以通过自定义事件处理器来扩展功能或处理错误。 3. **内容替换**：默认情况下...
try { ajax = new ActiveXObject(“Msxml2.XMLHTTP”); } catch (e) { try { ajax = new ActiveXObject(“Microsoft.XMLHTTP”); } catch (E) { ajax = false; } } if (!ajax && typeof XMLHttpRequest!=’...
在IT领域，尤其是在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种常用的技术，它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这极大地提升了用户体验，因为用户不再...
ajax笔记
AJAX结课项目：黑马头条-数据管理平台
form表单的enctype属性：设置表单的编码类型 1、enctype="application/x-... 说明：代表当前表单只能提交字符信息 2、enctype="multipart/form-data" 说明：代表当前表单不仅能提交字符信息也可以提交字节信息
**Ajax高级程序设计** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新，提高了用户体验，尤其...
SpringBoot整合Ajax（无坑源码） 亲测有效，最简单实例 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况...
C# 使用 AJAX 请求的核心在于利用 ASP.NET AJAX 库来实现在客户端与服务器之间的异步通信。AJAX（异步JavaScript和XML）技术允许我们在不刷新整个页面的情况下更新网页的特定部分，提高用户体验。以下是详细步骤和...
AJAX 实例 为了帮助您理解 AJAX 的工作原理，我们创建了一个小型的 AJAX 应用程序: 实例 使用 AJAX 修改该文本内容 修改内容 AJAX 实例解析 上面的 AJAX 应用程序包含一个 div 和一个按钮。 div 部分用于显示来自...
近日，致远OA ajaxAction 文件上传漏洞利用代码披露,由于致远OA旧版本中某些接口存在未授权访问，以及部分函数过滤不足，攻击者通过构造恶意请求，可在无
在进行Ajax调用过程中一般都具有这样的做法：显示一个GIF图片动画表明后台正在工作，同时阻止用户操作本页面（比如Ajax请求通过某个按钮触发，用户不能频繁点击该按钮产生多个并发Ajax请求）；调用完成后，图片消失...
众所周知，Ajax具备变革互联网的潜力，但危险的新安全威胁同样随之而来。《AJAX安全技术》揭示Ajax框架与生俱来的安全弱点密集区域，为开发人员创造安全应用提供指导。每一章由一个Ajax安全谬误开始，随后即将其揭穿...
WebForm AJAX 是一种在ASP.NET框架中实现异步更新页面的技术，它允许部分网页内容在不重新加载整个页面的情况下进行更新，从而提供更流畅、更快速的用户体验。本DEMO演示了如何在WebForm中应用AJAX技术，下面将详细...
今天在使用 ajax 向后台请求数据时出现错误，提示状态码为 0 ，后台采用的是 spring mvc 架构。 状态码为0是什么意思呢？查找了下，原来它意味着 （未初始化）即没有调用到send（）方法，我原来代码如下 ： $.ajax...
// 2 使用$.ajax发送fd // 需要指定两个属性 // - processData : false // - contentType : false $.ajax({ method : 'POST', url : '/ajax_Day5/datas03.php', data : fd, success : function (data) { ...
1. Ajax基础概念和用途 - Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。 - Ajax使得Web应用更加动态，能够提升用户体验。 2. Ajax对象的获取方法 -...