AJAXÀ©Õ¹¿Ø¼þRating(µÈ¼¶¿Ø¼þ)µÄʹÓ÷½·¨×ܽá
ÈçÉÏͼËùʾµÄµÈ¼¶¿Ø¼þ£¨Õâ¸ö¿Ø¼þÖ÷ÒªÖ¸¶¨Ñùʽ£©£º
Ò³Ãæ´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
<mce:style type ="text/css"><!--
.ratingStar
{
font-size:0pt;
width:15px;
height:12px;
padding:1px;
margin:1px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
background-color:#99CC99;
}
.filledRatingStar
{
background-image:url(image/star1.gif);
}
.emptyRatingStar
{
background-image:url(image/star2.gif);
}
.savedRatingStar
{
background-image:url(image/star3.gif);
}
--></mce:style><style type ="text/css" mce_bogus="1"> .ratingStar
{
font-size:0pt;
width:15px;
height:12px;
padding:1px;
margin:1px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
background-color:#99CC99;
}
.filledRatingStar
{
background-image:url(image/star1.gif);
}
.emptyRatingStar
{
background-image:url(image/star2.gif);
}
.savedRatingStar
{
background-image:url(image/star3.gif);
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<cc1:Rating ID="Rating1" runat="server" Width="96px" WaitingStarCssClass="emptyRatingStar" EmptyStarCssClass="emptyRatingStar" FilledStarCssClass="filledRati
Ïà¹ØÎĵµ£º
AjaxÖеķµ»Ø×´Ì¬readyStateºÍstatus,ÔÀ´Ã»ÓÐÖØÊÓ¹ýÕâÁ½ÕߵĹØÏµ£¬½á¹û½ñÌìд´úÂëʱ³ö²î´íÁË¡£ÎÒµÄÔ´úÂëΪ£º
function requestSome()
{
url=......
xmlHttpRequest.open....
xmlHttpRequest.onreadystatechange = function responseSome();
xmlHttpRequest.send....
}
function resp ......
APS.NETÒ¹»°µÄÀý×Ó¼ÓÔØºó±¨´íÈçÏ£º
System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35´íÎó
ÔÒòÊÇδÄܼÓÔØÎļþ»ò³ÌÐò¼¯ system.web.extensions
½â¾ö°ì·¨:
1,Èç¹ûÄãµÄ³ÌÐòÔËÐÐÔÚÄãÄÜ¿ØÖƵķþÎñÆ÷ÉÏ£¬ÄÇô°²×°asp.net ajax¾ÍÐÐÁË£¬ÕâÊÇSystem.Web.ExtensionsµÈdll×öΪGAC² ......
ÓÃAjaxʵÏÖTabЧ¹ûµÄ
ÏÈ´´½¨
ajax.php£¬ÔÚÆäÖÐÊäÈëÈçÏ´úÂ룺
<!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>Sample 2_1</title>
<me ......
jQueryѧϰ±Ê¼Ç
Ìá½»form±íµ¥Ö®ºó£¬²»»áË¢ÐÂÒ³Ãæ£¬¶øÊǾֲ¿Ë¢Ð£¬ÓûÌá½»µÄformÖ»ÒªÓÐid¼´¿É
Èç¹ûʹÓÃgetÇëÇó£¬×¢ÒâÖÐÎÄÂÒÂëÎÊÌ⣬jquery»áÏÈʹÓÃiso8859-1½âÂ룬Ȼºó·¢¸ø·þÎñÆ÷£¬Èç¹ûʹÓÃpostÇëÇó£¬ÔòÖ±½Ó½«ÖÐÎÄÄÚÈÝÌá½»¸ø·þÎñÆ÷½âÎö¡£
ʹÓÃjquery-1.4.2.jsºÍjquery.form.js²å¼þ¡£
Èç¹û´´½¨ÐµÄjsÎļþÖУ¬ÐèÒª¼ÓÉÏ
doc ......