最简单的Ajax例子
<input type="button" onclick="ajaxTest()" value="AJAX测试">
<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隐藏">
<mce:script type="text/javascript"><!--
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
//var xmlhttp = new XMLHttpRequest();
// IE 下的
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);
function ajaxTest() {
// 指定要打开的页面
xmlhttp.open("GET", "staticpage.html", true);// HTTP 请求的方式, URL, 是否异步
// 指定页面打开完之后要进行的操作.
xmlhttp.onreadystatechange = mychange;
// 开始发起浏览请求, Mozilla 必须加 null
xmlhttp.send(null);
}
// 这个函数就是每次状态改变要调用的函数
function mychange() {
// 请求已完成
if(xmlhttp.readyState == 4) {
//alert(xmlhttp.readyState);
// alert(xmlhttp.responseText);
// 更新对应的 HTML 元素里面显示的内容
// 根据 ID 引用页面里面的元素 document.getElementById(元素名)
document.getElementById('weather').innerHTML = xmlhttp.responseText;
}
}
// --></mce:script>
<div id="weather"></div>
将以上代码复制到 一个文本文件中 改名为staticpage.html 即可
相关文档:
//平常调用javascript方法
ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert'Weclome!!!');</script>");
背景不为白色的方法:
Page.ClientScript.RegisterStartupScript(Page.GetType(), "message", "<script language='javascript' defer>alert('添加失败,请联系技术员!') ......
了解使用 ASP.NET AJAX 进行局部页面更新
简介
Microsoft的 ASP.NET 技术提供了一个面向对象、事件驱动的编程模型,并将其与已编译代码的优势结合起来。但其服务器端的处理模型仍存在技术本身所固有的几点不足:
进行页面更新需要往返服务器,因此需要页面刷新;
来回往返不会保留 Javascript 或其他客户端技术(如 Ad ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<mce:script type ="text/javascript" language ="javascript" ><!--
var req; //定义变量,用来创建xmlhttprequest对象
function creatReq() // 创建xmlhtt ......
1,本例子实现一个Ajax更改数据的例子
如图:
1,新建xml文件;其内容如下:
<?xml version="1.0" encoding="utf-8"?>
<userinfo>
<user>
<id>I</id>
<name>wtq</name>
<password>123456</password>
<phone>0595-8553 ......