Ajax¼ì²â×¢²áÓû§ÊÇ·ñ´æÔÚ(.NET)
HTML´úÂëÈçÏÂ:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>ÑéÖ¤Óû§ÃûÊÇ·ñ´æÔÚ</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
//´¦Àí·½·¨
function CheckUserName()
{
createXMLHttpRequest();
var url= "LoginValidate.ashx?username="+document.getElementById("username").value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=ShowResult;
xmlHttp.send(null);
//document.getElementById("Msg").innerHTML='';
}
//»Øµ÷·½·¨
function ShowResult()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status=
Ïà¹ØÎĵµ£º
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:GridView ID="GvPubList" runat="server" AutoGenerateColumns="False"
......
ʲôÊÇ AJAX ¿â API£¿
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ google.load() ·½·¨£¬ÄúµÄÓ¦ÓóÌÐòÄܹ»Ñ¸ËÙ´ÓÈ«ÇòÈκÎλÖ÷ÃÎʲ»¶ÏÔö³¤µÄ¡¢×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âÁÐ±í£¬°üÀ¨£º
jQuery
jQuery UI
Prototype
script.aculo.us
Mo ......
ºÜ¶àÈËÔÚʹÓÃAJAXµ÷ÓñðÈËÕ¾µãÄÚÈݵÄʱºò,JS»áÌáʾ"ûÓÐȨÏÞ"´íÎó£¬ÕâÊÇXMLHTTP×é¼þµÄÏÞÖÆ-°²È«Æð¼û
½ûÖ¹·ÃÎÊ·ÇͬÓòµÄÍøÕ¾,ÏÂÃæÒ»¸öÀý×ÓÀ´·ÃÎÊhttp://www.google.cn,
<script type="text/javascript">
function createobj() {
if (window.ActiveXObject) {
&nb ......
ʹÓÃAjaxÎÞË¢ÐÂÉÏ´«ÎļþÊǵ±Ç°±È½ÏÁ÷ÐеŦÄÜ¡£½èÖúJQueryÇ¿´óµÄ²å¼þ£¬ÏÖÔÚÒѾ¿ÉÒÔºÜÈÝÒ×ÁË¡£
Ê×Ïȵ¼ÈëjsÎļþjquery.ajaxfileupload.js¡£´Ë²å¼þµÄÔÀíÊÇÔÚÎĵµÖд´½¨iframeºÍformÈ»ºóÔÚ½«ÎļþÉÏ´«µ½·þÎñÆ÷¡£
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head id="Head ......
<script type="text/javascript">
//¶¨ÒåXMLHttpRequest¶ÔÏó±äÁ¿
var xmlHttpRequest;
/*
* ´´½¨XMLHttpRequest¶ÔÏó¡£
* ±¾º¯ÊýÖ÷ÒªÍê³ÉXMLHttpRequest¶ÔÏóµÄ´´½¨£¬ºËÐÄ·ÖΪÒÔÏÂÁ½¸ö²¿·Ö£º
* µÚÒ»²½£ºÊ×ÏÈÅж ......