ajax 例子
<script type="text/javascript">
//定义XMLHttpRequest对象变量
var xmlHttpRequest;
/*
* 创建XMLHttpRequest对象。
* 本函数主要完成XMLHttpRequest对象的创建,核心分为以下两个部分:
* 第一步:首先判断浏览器是否把XMLHttpRequest对象实现为本地JavaScript对象,如果存在window.XMLHttpRequest,那么就创建XMLHttpRequest对象。
* 第二步:如果不存在window.XMLHttpRequest,那么就尝试在Microsoft浏览器对象中创建该对象。在这个过程中,先尝试使用Msxml2.XMLHTTP对象创建它,如果失败
* 就用Microsoft.XMLHTTP对象
*/
function createXMLHttpRequest(){
if(window.XMLHttpRequest){ //Mozilla浏览器
xmlHttpRequest = new XMLHttpRequest();
}else if(window.ActiveXObject){ //IE浏览器
try{
xmlHttpRequest = new ActiveXObject("Msxm12.XMLHTTP");
}catch(e){
try{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
/*
* 发送请求。主要有以下几步组成:
* 第一步:创建XMLHttpRequest对象
* 第二步:执行open()方法,打开服务器连接
* 第三步:执行回调函数
* 第四步:执行send()方法,发送请求
*/
function sendRequest(username){
//创建XMLHttpRequest对象
createXMLHttpRequest();
//生成随机函数,防止第二次执行ajax时不走action
var random = Math.random();
//指定请求发送的url地址和参数
var url = "servlet/LoginServlet?username="+username+"&random="+random;
//打开服务器的连接。第一个参数指明HTTP请求使用的方法;第二个参数指明
相关文档:
Ajax框架介绍
到此为止,你可能已经注意到,使用Ajax编程时有很多麻烦事。如果你要支持多个浏览器(现在还有谁只支持一个浏览器呢?),无疑会遭遇不兼容问题。单看一个简单的动作,比如说创建XMLHttpRequest对象的一个实例,这需要先进行浏览器测试。一旦开始尝试使用Ajax技术,你很快就会注意到要反复地完成同样的一 ......
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:GridView ID="GvPubList" runat="server" AutoGenerateColumns="False"
......
很多人在使用AJAX调用别人站点内容的时候,JS会提示"没有权限"错误,这是XMLHTTP组件的限制-安全起见
禁止访问非同域的网站,下面一个例子来访问http://www.google.cn,
<script type="text/javascript">
function createobj() {
if (window.ActiveXObject) {
&nb ......
//JS代码
function checkname() {
var Msg = document.getElementById("d_username");
var chk = CheckN();
if (chk) {
$.ajax({ url: 'registerOK.aspx',
& ......