Ajax ¼òµ¥Ê¾Àý
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<script type ="text/javascript" language ="javascript" >
var req; //¶¨Òå±äÁ¿£¬ÓÃÀ´´´½¨xmlhttprequest¶ÔÏó
function creatReq() // ´´½¨xmlhttprequest,ajax¿ªÊ¼
{
var url="ajaxServer.aspx"; //ÒªÇëÇóµÄ·þÎñ¶ËµØÖ·
if(window.XMLHttpRequest) //·ÇIEä¯ÀÀÆ÷¼°IE7(7.0¼°ÒÔÉϰ汾)£¬ÓÃxmlhttprequest¶ÔÏó´´½¨
{
req=new XMLHttpRequest();
}
else if(window.ActiveXObject) //IE(6.0¼°ÒÔϰ汾)ä¯ÀÀÆ÷ÓÃactivexobject¶ÔÏó´´½¨,Èç¹ûÓû§ä¯ÀÀÆ÷½ûÓÃÁËActiveX,¿ÉÄÜ»áʧ°Ü. {
req=new ActiveXObject("Microsoft.XMLHttp");
}
if(req) //³É¹¦´´½¨xmlhttprequest
{
req.open("GET",url,true); //
Ïà¹ØÎĵµ£º
ÔÚ ASP .NET µÄ AJAX ¿Ø¼þÖÐ TabContainer µÄ CSS ÑùʽµÄ±àд¾ßÓÐÒ»¶¨µÄ¸ñʽ¹æ·¶¼°ÃüÃû¹æÔò£¬ÈçÏÂͼ£º
¾ßÌåµÄ CSS ÑùʽµÄ±àдΪ£º
.ajax_tab_menu .ajax__tab_header /*ÕûÌå°´Å¥µ×Ñùʽ*/
{
font-family:ËÎÌå;
height:29px;
font-size:12px;
background:#181c1f repeat-x bottom;
}
.ajax_tab_menu .ajax__tab ......
ÔÚÒѾ·¢²¼µÄ ASP.NET2.0 ÖУ¬ÎÞË¢ÐÂÒ³Ãæ¿ª·¢Ïà¹Ø²¿·Öͬ beta2 Óв»Éٸ͝¡£¶øÇÒÔÚÔ½À´Ô½¶àµÄ Ajax ¿ª·¢°ü±»¿ª·¢³öÀ´µÄÇé¿öÏ£¬ ASP.NET2.0 ×Ô´øµÄÎÞË¢ÐÂÒ³Ãæ¼¼ÊõûÓб»ºÜ¶àÈËÁ˽⣬ÉõÖÁ²»ÉÙÈËÈÏΪ¸Ã¹¦ÄÜÓÐЩ“¼¦Àß”¡£µ«Èç¹ûÎÒÃǽö½öÊÇÔÚ³ÌÐòÖмÓÈëºÜÉÙ²¿·ÖµÄ Ajax ÌØÐÔ£¬ Atlas ¡¢ Ajax.Net µÈ¾ÍÏÔµÃÓÐЩ&ldq ......
Ajax¿Ø¼þ½é紹
1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸öCollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄtemplateÀï°üÀ¨ÁË¶ÔÆäHeaderºÍContentµÄ¶ ......
upload.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP ''upload.jsp'' starting page</title>
&n ......