jquery+ajaxÎÞˢзҳ
ǰ̨×Ô¶¨ÒåͨÓ÷ÖÒ³jquery²å¼þ
(Ò»)¿ò¼Ü:ÓÃjquery+ajax+struts1ʵÏÖ ×Ô¶¯´´½¨ÐкÍÁÐ
³Ö¾Ã²ãÓõÄÊÇabatis.Êý¾Ý¿âÓõÄÊÇMySQL.
(¶þ)sqlMap
shangjia.xmlµÄÅäÖÃÈçÏÂ
<resultMap class="java.util.LinkedHashMap" id="storeMap">
<result property="sto_id" column="sto_id"/>
<result property="sto_name" column="sto_name"/>
<result property="sto_contactphone" column="sto_contactphone"/>
<result property="sto_time" column="sto_time" javaType="string"/>
</resultMap>
<statement id="selectListStore" resultMap="storeMap" parameterClass="com.tj_zhongzhixin.common.util.PageResult" >
select sto_id,sto_name,sto_contactphone,sto_time from store limit #pageSize# offset #throwRows#
</statement>
СÌáʾ£ºÎªÊ²Ã´²»ÓÃʵÌåÀàÓ³Éä
ÎÒÖ®ËùÒÔ²»ÓÃʵÌåÀàÓ³Éä(¾ÍÊǽ«resultMapµÄClassÉè³ÉʵÌåÀà)£¬ÊÇÒòΪ×Ô¶¯Éú³ÉµÄ±í¸ñµÄÐÐÊǸù¾Ý¼¯ºÏÖÐMapµÄ¸öÊý¾ö¶¨µÄ£¬¶ø±í¸ñµÄÁÐÊǸù¾Ý¼¯ºÏÖÐMapµÄ¼üÖµ¶ÔµÄ¸öÊý¾ö¶¨µÄ£¬ËùÒÔÈç¹ûÓÃʵÌåÀàÓ³ÉäµÄ»°×Ô¶¯Éú³ÉµÄ±í¸ñµÄÁоÍÒª°´ÕÕʵÌåÀàµÄÊôÐԵĸöÊý¾ö¶¨¡£¶ø²»ÂÛÄãµÄsqlÓï¾äÊÇ·ñÊDzéѯËùÓеÄÊôÐÔ£¬¶¼»á·â×°µ½MapÖÐʵÌåÀàÀï¡£ÕâÑù¾Í²»Äܵĵ½Êµ¼Ê²éѯµÄÊôÐÔ£¬¶øÊÇËùÓеÄÊôÐÔ¡£
СÌáʾ£ºÎªÊ²Ã´ÒªÓÃLinkedHashMap
µ±ÎÒÔËÐÐÒ³ÃæÊÇ׼ȷµÄÏÔʾ³öÁËÎÒÔÚsqlÖÐÖÆ¶¨µÄÊôÐÔ£¬¶ø²»ÊÇËùÓеÄÊôÐÔ¡£µ«ÊÇÓгöÏÖÁËÒ»¸öÎÊÌâ¾ÍÊÇ£ºËüµÄ˳Ѱ¸úÎÒÔÚsqlÖÐÖ¸¶¨µÄ²éѯ²»Ò»ÖÂ(Æð³õ½á¹û¼¯·â×°µ½ÁËHashMapÖÐ)¡£ÔÀ´HashMap¼¯ºÏ»á×Ô¶¯¸øÖµÅÅÐò£¬ºó·¢ÏÖLinkedHashMap²»»á×Ô¶¯ÅÅÐò¡£ËùÒÔ¾ÍÑ¡ÔñÁËLinkedHashMap
(Èý)query
jQuery.searchByPage.js
//jQueryÌá½»ÇëÇóÊý¾Ý
/*actionNameÎªÒªÌø×ªµ½µÄactionµÄname
*paramÎªÒ³Ãæ²ÎÊý£¨°üÀ¨struts-config.xmlÖеÄparameterºÍÆäÖµ,Ò³Êý,ÿҳÏÔʾµÄÌõÊý,²éѯµÄÌõ¼þ£©
*optionsΪ²Ù×÷µÄͼ±êÐÅÏ¢
*/
(functio
Ïà¹ØÎĵµ£º
var xmlhttp;
function verify()
{
//2.´´½¨XmlHttpRequest¶ÔÏó
//ÕâÊÇXmlHttpRequest¶ÔÏóÎå²½ÖÐʹÓÃ×ÔÓµÄÒ»²½
//ÐèÒªÕë¶ÔIEºÍÆäËûÀàÐ͵Ää¯ÀÀÆ÷½¨Á¢Õâ¸ö¶ÔÏóµÄ²»Í¬·½Ê½Ð´²»Í¬µÄ´úÂë
if(window.XMLHttpRequest)
{
......
Ê×ÏÈҪ˵µÄ¾ÍÊÇ ajax ÊÇÎÞ·¨ÊµÏÖÉÏ´«ÎļþµÄ£¬¿ÉÒÔÏëÒ»ÏÂajaxÓëºǫ́ͨÐŶ¼ÊÇͨ¹ý´«µÝ×Ö·û´®£¬ÔõôÄÜ´«µÝÎļþÄØ£¿Æäʵ³öÓÚ°²È«¿¼ÂÇjsÊDz»ÄܲÙ×÷ÎļþµÄ£¬ËùÒԾͲ»ÒªÔÙ˵ÓÃajaxÀ´ÊµÏÖÎļþµÄÉÏ´«ÁË£¬ÕâÊDz»¿ÉÄܵġ£
¶ø±¾ÎÄʵÏÖµÄÎļþÉÏ´«Ò²ÊÇÎÞÒ³ÃæË¢Ðµģ¬¿ÉÒÔ˵ÊÇÒ»ÖÖ"ÀàËÆAJAX"·½·¨¡£
&n ......
1.ǰ¡¢¶Ëºó¶¼Òª×öºÃ°²È«µÄ°Ñ¹Ø¹¤×÷
ÓÉÓÚAjaxÒ²»á½ÓÊÕºó¶Ë´«ËÍÀ´µÄ×ÊÁÏ£¬¶ÔÕâЩ×ÊÁ϶¼Òª²É²»ÐÅÈÎ̬¶È£¬±ØÐë¼ÓÒÔ¼ì²é¡£
2.¾¡Á¿ÒÔHTTP POST·½·¨´«Êä×ÊÁÏ
ËäÈ»POST²¢·ÇÍòÎÞһʧ£¬µ«±ÈÆðGETÖÁÉÙ½ÏΪ°²È«¡£
3.²»ÒªÖ±½ÓÓÃevalº¯Ê½»½ÆðJSONÎï¼þ
JSONÊDzÉÓÃJavaScriptÎï¼þʵ×ÖµÄ×ÊÁϸñʽ£¬´Óºó¶Ë´«µ½Ajax³Ìʽʱ£¬±ØÐë²ÉÓÃevalº ......
ʼþ´¥·¢£º
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØÊ±µÄ´¦Àí
function BodyLoad()
{
HideD ......
¼ì²éǰ̨FCK×Ô¶¯Éú³ÉµÄJSº¯Êý.Ò»°ãΪWebForm_OnSubmit()
ÔÚºǫ́Ìá½»°´Å¥Àï¼ÓÈë¸Ãº¯Êý.ÁíÆä¸üÐÂFCKÊý¾Ý,´úÂëÈçÏÂ.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "getFckValue", "WebForm_OnSubmit();", true); ......