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
Ïà¹ØÎĵµ£º
1. Accordion
¡¾¹¦ÄܸÅÊö¡¿Accordion¿ÉÒÔÈÃÄãÉè¼Æ¶à¸öpanel ²¢ÇÒÒ»´ÎÖ»ÏÔʾһ¸öPanel .ÔÚÒ³ÃæÉϵÄÏÔʾЧ¹û¾ÍÏñÊÇʹÓÃÁ˶à¸öCollapsiblePanelsÖ»²»¹ýÿһ´ÎÖ»Õ¹¿ªÆäÖÐÒ»¸ö CollapsiblePanel.Accordion¿Ø¼þÄÚ²¿°üº¬ÁËÈô¸É¸öAccordionPane£¬Ã¿Ò»¸öAccordionPaneµÄ templateÀï°üÀ¨ÁË¶ÔÆäHeaderºÍContentµÄ¶¨Òå¡£ÎÒÃÇ¿ÉÒÔÔÚºǫ́ ......
var xmlhttp;
function verify()
{
//2.´´½¨XmlHttpRequest¶ÔÏó
//ÕâÊÇXmlHttpRequest¶ÔÏóÎå²½ÖÐʹÓÃ×ÔÓµÄÒ»²½
//ÐèÒªÕë¶ÔIEºÍÆäËûÀàÐ͵Ää¯ÀÀÆ÷½¨Á¢Õâ¸ö¶ÔÏóµÄ²»Í¬·½Ê½Ð´²»Í¬µÄ´úÂë
if(window.XMLHttpRequest)
{
......
Ajaxµ÷ÓÃÔ¶³Ì·þÎñÆ÷Êý¾Ý»á³öÏ־ܾø·ÃÎʵÄÎÊÌâ¡£ÕâÊÇÒòΪ»ùÓÚ°²È«µÄ¿¼ÂÇ£¬AJAXÖ»ÄÜ·ÃÎʱ¾ÓòϵÄ×ÊÔ´£¬¶ø²»ÄÜ¿çÓò·ÃÎÊ¡£Ò²¾ÍÊÇ˵£¬domain1.comÕ¾µãÖеÄAJAXÖ»ÄÜ·ÃÎÊdomain1.comÕ¾µãϵÄ×ÊÔ´,¶ø²»ÄÜ¿çÓò·ÃÎÊdomain2.comÕ¾µãÖеÄ×ÊÔ´£¬Õâ¾ÍÊÇAJAX¿çÓòÎÊÌâ¡£
½â¾ö˼·£ºÒ³ÃæÔÚÌá½»ÇëÇóʱ ......
var xmlHttp;
// ´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest() {
try {
// FireFox, Opera 8.0 +, Safari
xmlHttp = new XMLHttpRequest();
}
catch ......
AJAX¼ò½é
Ò»¡¢AJAXÊÇʲô
ÔÚ´«Í³µÄwebÓ¦ÓÃÖУ¬Óû§ÓëÓ¦ÓõÄÿһ´Î½»»¥£¬¶¼ÊÇÊ×ÏÈÓû§Í¨¹ýä¯ÀÀÆ÷Ïò·þÎñÆ÷¶Ë·¢ËÍÒ»¸ö
ÇëÇ󣬷þÎñÆ÷½âÎöÕâ¸öÇëÇ󣬽«ÏàÓ¦µÄÏìÓ¦ÐÅÏ¢·µ»Ø¸øä¯ÀÀÆ÷¡£ÔÚ·þÎñÆ÷¶ËÒµÎñÂß¼·Ç³£¸´ÔÓ»òÕßÐèÒªºÄʱ½Ï³¤µÄÇé¿öÏ£¬ä¯ÀÀÆ÷µÈ´ýË¢ÐÂʱ£¬Ò³Ãæ¾³£ÊÇһƬ¿Õ
°×£¬Óû§Ö»Äܱ»¶¯µÈ´ý·þÎñÆ÷¶ËÏìÓ¦Íê³É£¬ÔÚ´ËÆÚ¼ ......