<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    花花JAVA
    ____________花花之java寒舍
    posts - 10,comments - 4,trackbacks - 0
    在這里用2個案例,來說明jquery是怎樣來實(shí)現(xiàn)ajax通信的
    案例環(huán)境:[ tomcat6.0, struts1 ]

    *    jquery的API,返回的都是jquery對象。

    案例:
        1)  load 方式請求ajax,返回值在div中顯示,載入遠(yuǎn)程html文件代碼并插入到DOM中。
    ajax_2.jsp:
    <%@ page language="java" pageEncoding="UTF-8"%>
    <html>
        
    <head>
            
    <script type="text/javascript" src="jquery-1.2.6-vsdoc-cn.js"></script>
            
    <script type="text/javascript">
                
    //用jquery處理ajax請求
                function doajax(){            ajax請求的url地址        傳遞到后臺的數(shù)組參數(shù)             后臺返回來的結(jié)果
                    $('#testja').load('
    /ajaxTest/jquery-ajax/testajax.do',{param:456},function(responseText){
                        alert(responseText);
                    }
    );
                }

            
    </script>
        
    </head>

        
    <body>
            
    <href="javascript:doajax();">測試jquery-ajax</a>
            
    <div id="testja"></div>
        
    </body>
    </html>
        
        2)   get/post  方式請求ajax,上述doajax()代碼可改寫為:
    <script type="text/javascript">                function doajax(){
                    $.get('
    /ajaxTest/jquery-ajax/testajax.do',{param:456},function(responseText){
                                $('#testja').html(responseText);
                        }
    );
                }

            
    </script>

        3)    $.ajax({...}) 更多的控制ajax細(xì)節(jié):
    //控制細(xì)節(jié)
                function doajax(){
                    $.ajax(
    {
                        type: 
    "post",
                        url: 
    "/ajaxTest/jquery-ajax/testajax.do",
                        data: 
    "param=456123&aa=aaa",
                        success: 
    function(responseText){
                            $('#testja').html(responseText);
                        }

                    }
    );
                }


        4)     $.ajaxSetup({...})    全局設(shè)置ajax默認(rèn)選項(xiàng),語法等同于$.ajax({...})
    //全局設(shè)定ajax
                $.ajaxSetup({
                    data: 
    "param=456&aa=aaa"
                }
    );
                
                
    //控制細(xì)節(jié)
                function doajax(){
                    $.ajax(
    {                                        --------------------->
                        type: 
    "post",                                                            可以將$.ajax({...})中的設(shè)置,全部提到$.ajaxSetup({...}),更加通用。但必須至少保留$.ajax({...})
                        url: 
    "/ajaxTest/jquery-ajax/testajax.do",
                        
    //data: "param=456123&aa=aaa",
                        success: function(responseText){
                            $('#testja').html(responseText);
                        }

                    }
    );
                }


    AjaxTestAction:
    public ActionForward execute(ActionMapping mapping, ActionForm form,
                HttpServletRequest request, HttpServletResponse response)
                
    throws Exception {
            String str1 
    = request.getParameter("param");
            StringBuffer sb 
    = new StringBuffer(str1);
            sb.append(
    "+123");
            String responseText 
    = sb.toString();

            
    // 回傳處理的結(jié)果,到之前頁面
            response.getWriter().println(responseText);          <------- 用這種方式將值 傳回給頁面

            
    return null;
        }


        5)    jquery實(shí)現(xiàn)ajax返回XML格式的數(shù)據(jù)。
    function doajax_responseXML() {
            $.ajax( 
    {
                        type :
    "post",
                        url :
    "/ajax_jquery/ajax_jquery/testajax.do?method=doajax_responseXML",
                        dataType :"xml"
    //在這里設(shè)置返回數(shù)據(jù)的類型 text OR xml.
                        success :callback
                    }
    );
        }

        
    function callback(responseXML) {
            
    var jqueryObj = $(responseXML); //將dom對象,轉(zhuǎn)化成JQuery對象
            var message = jqueryObj.children(); //獲取其中的結(jié)點(diǎn);children("expr")
            var text = message.text();
            $('#testja').html(text);
        }
    后臺Action中組裝一個<message>XML格式,并且注意response.setContentType("text/xml;charset=utf-8");
    posted on 2009-01-08 17:41 花-花 閱讀(3706) 評論(1)  編輯  收藏 所屬分類: ajax_jquery

    FeedBack:
    # re: jquery實(shí)現(xiàn)ajax通信[未登錄]
    2012-04-09 17:50 | a
    主站蜘蛛池模板: 一个人看的www免费视频在线观看 一个人免费视频观看在线www | 菠萝菠萝蜜在线免费视频| 免费国产黄网站在线观看可以下载| 2048亚洲精品国产| 国产精品福利在线观看免费不卡| 亚洲国产综合无码一区二区二三区| 免费看国产一级片| 国产综合成人亚洲区| 国产伦精品一区二区三区免费迷| 国产成人亚洲精品播放器下载| 午夜国产羞羞视频免费网站| 精品国产日韩亚洲一区在线| 免费a在线观看播放| 国产成人精品免费大全| 国产国拍亚洲精品mv在线观看 | 免费无码A片一区二三区 | 亚洲国产成人久久精品99| 免费看黄网站在线看| 中文字幕精品亚洲无线码一区应用| www.av在线免费观看| 国产偷窥女洗浴在线观看亚洲 | 好男人视频在线观看免费看片| 亚洲中文无码av永久| 免费毛片网站在线观看| 无码免费又爽又高潮喷水的视频| 亚洲精品无码成人AAA片| 麻豆视频免费播放| 亚洲av成人一区二区三区在线播放| 亚洲国产成人久久综合一区77| 久久久久久av无码免费看大片| 777亚洲精品乱码久久久久久 | 亚洲国产精品成人久久| 99久久久精品免费观看国产| 亚洲av无码片vr一区二区三区| 亚洲精品一级无码中文字幕| 特级精品毛片免费观看| 国产亚洲一卡2卡3卡4卡新区| 亚洲精品午夜无码电影网| 国产人成免费视频网站| 大片免费观看92在线视频线视频| 亚洲国产精品婷婷久久|