思路是: 首页index.jsp,动态加载数据的action: loadIndex.action
在访问index.jsp时,执行loadIndex.action,由action得到数据库中数据后,[color=red][b]仍然将数据返回给index.jsp[/b][/color]由index.jsp显示数据.

[b]问题补充：[/b]
谢谢3位的回答,
lovewhzlq (CTO) 大大,

我尝试用ExtJs实现Ajax提交,

[code="java"]
Ext.onReady(function() {
window.location.href = 'loadindex.action?id=xxxx;

}
);[/code]
却无法避免重复执行action的问题,变成死循环了.
有什么办法能让它只执行一次呢?
就像Ext.data.Store那样只load一次.

[b]问题补充：[/b]
确实是,
Ext里有无可以用来调用url的东东呢?
[code="java"]
Ext.Ajax.request({
url : 'loadindex.action?id=xxx
});

[/code]

?
[b]问题补充：[/b]
感谢 lovewhzlq (CTO) 大大,
我现在已经可以成功提交ajax请求去执行loadIndex.action了.
[code="java"]
Ext.onReady(function() {
Ext.Ajax.request({
url : 'loadindex.action?id=LiteonIT'
});
});
[/code]
可是发现执行完后返回的数据struts2标签无法识别?
我在firebug下可以看到数据库的返回数据.
但是用之类的标签却得不到数据,页面空白.
是否跟Ext.Ajax.request返回的数据格式有关?

[b]问题补充：[/b]
[code="java"][/code]谢谢.
index.jsp
[code="xml"]
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
    <title>Tools Shop</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/boxOver.js"></script>
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script type="text/javascript" src="ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/loadIndex.js"></script>
</head>
<body>
    <div id="main_container">
        <div id="header">
            <div class="top_right">
                <div class="languages">
                    <div class="lang_text">
                        Languages:
                    </div>
                    <a href="#" class="lang"><img src="images/en.gif" alt=""
                            title="" border="0" /> </a>
                    <a href="#" class="lang"><img src="images/de.gif" alt=""
                            title="" border="0" /> </a>
                </div>
                <div class="big_banner">
                    <a href="#"><img src="images/banner728.jpg" alt="" title=""
                            border="0" /> </a>
                </div>
            </div>
            <!-- Company Logo here -->
            <div id="logo">
                <s:iterator id="company" value="cpy">
                    <img src="images/<s:property value="logo"/>" />
                </s:iterator>
            </div>
        </div>

        <div id="main_content">
            <div id="menu_tab">
                <ul class="menu">
                    <li>
                        <a href="index.jsp" class="nav"> Home </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">Products</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">News</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">My account</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">Sign Up</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="contact.jsp" class="nav">Contact Us</a>
                    </li>
                </ul>
            </div>
            <!-- end of menu tab -->

            <div class="crumb_navigation">
                Navigation:
                <span class="current">Home</span>
            </div>

            <div class="left_content">
                <div class="title_box">
                    Shotcut
                </div>
                <ul class="left_menu">
                    <!-- Company quick link here -->
                    <li class="odd">
                        <!-- add tag # here -->
                        <a href="index.jsp#cpypic">Company Picture</a>
                    </li>
                    <li class="even">
                        <a href="index.jsp#cpydesc">EnterPrise Introduce</a>
                    </li>
                    <!-- Company detail shotcut -->
                    <s:iterator value="cpydetail" status="index">
                        <s:if test="#index.odd == true">
                            <li class="odd">
                        </s:if>
                        <s:else>
                            <li class="even">
                        </s:else>
                        <a href="loadindex.action?id=LiteonIT#<s:property value=" id"/>">
                            <s:property value="name" />
                    </s:iterator>
                </ul>

                <div class="title_box">
                    Newsletter
                </div>
                <div class="border_box">
                    <input type="text" name="newsletter" class="newsletter_input"
                        value="your email" />
                    <a href="#" class="join">subscribe</a>
                </div>
            </div>
            <!-- end of left content -->


            <div class="center_content">
                <div class="oferta">
                    <div class="oferta_details">
                        <!-- Company Name,Picture and Description here -->

                        <s:iterator value="cpy">

                            <div class="oferta_title">
                                Company Name
                            </div>
                            <div class="oferta_text_bold">
                                <s:property value="name" />
                            </div>

                            <div class="oferta_title">
                                Company Picture
                                <a name="cpypic"></a>
                            </div>
                            <div class="oferta_text">
                                <img src="images/<s:property value="picture"/>" width=540
                                    height=250 />
                            </div>


                            <div class="oferta_title">
                                Company Description
                                <a name="cpydesc"></a>
                            </div>
                            <div class="oferta_text">
                                <s:property value="description" />
                            </div>

                        </s:iterator>

                        <!-- Company Detail here -->

                        <s:iterator value="cpydetail">
                            <div class="oferta_title">
                                <s:property value="name" />
                                <a name="<s:property value="id" />"></a>
                            </div>
                            <div class="oferta_text">
                                <s:property value="value" />
                            </div>

                        </s:iterator>

                    </div>
                </div>
            </div>
            <!-- end of center content -->
            <div class="right_content">
                <div class="title_box">
                    Search
                </div>
                <div class="border_box">
                    <input type="text" name="newsletter" class="newsletter_input"
                        value="keyword" />
                    <a href="#" class="join">search</a>
                </div>
                <div class="title_box">
                    Friendly Link
                </div>
                <ul class="left_menu">
                    <s:iterator id="fl" value="friendlylink" status="index">
                        <s:if test="#index.odd == true">
                            <li class="odd">
                        </s:if>
                        <s:else>
                            <li class="even">
                        </s:else>
                        <a href="http://<s:property value="fl"/>"> <s:property
                                value="fl" /> </a>
                        </li>
                    </s:iterator>
                </ul>
            </div>

            <!-- end of right content -->


        </div>
        <!-- end of main content -->
        <div class="footer">
            <div class="left_footer">
                <img src="images/footer_logo.png" alt="" title="" width="89"
                    height="42" />
            </div>
            <div class="center_footer">
                Template name. All Rights Reserved 2009
                <br />
                <img src="images/payment.gif" alt="" title="" />
            </div>
            <div class="right_footer">
                <a href="index.jsp">home</a>
                <a href="details.jsp">about</a>
                <a href="details.jsp">sitemap</a>
                <a href="details.jsp">rss</a>
                <a href="contact.jsp">contact us</a>
            </div>
        </div>
        <!-- end of footer -->
    </div>
    <!-- end of main_container -->
</body>

[/code]

loadIndex.js:

[code="java"]
Ext.onReady(function() {
Ext.Ajax.request({
url : 'loadindex.action?id=LiteonIT'
});
});
[/code]

struts.xml:
[code="java"]
method="loadCompanyInfo">
/index.jsp

companyInfoAction:
[code="java"][/code]
public String loadCompanyInfo() {
this.setCpy(ci.getCompanyInfo(this.getId()));
this.setCpydetail(ci.getCompanyDetail(this.getId()));
this.setFriendlylink(ci.getFriendlyLink(this.getId()));
System.out.println("I am running");
return SUCCESS;
}
[/code]

访问index.jsp时可以看到System.out.println("I am running");执行了,firebug下也可以看到数据返回.
[b]问题补充：[/b]
index.jsp:

[code="xml"]
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
    <title>Tools Shop</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/boxOver.js"></script>
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script type="text/javascript" src="ext-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/loadIndex.js"></script>
</head>
<body>
    <div id="main_container">
        <div id="header">
            <div class="top_right">
                <div class="languages">
                    <div class="lang_text">
                        Languages:
                    </div>
                    <a href="#" class="lang"><img src="images/en.gif" alt=""
                            title="" border="0" /> </a>
                    <a href="#" class="lang"><img src="images/de.gif" alt=""
                            title="" border="0" /> </a>
                </div>
                <div class="big_banner">
                    <a href="#"><img src="images/banner728.jpg" alt="" title=""
                            border="0" /> </a>
                </div>
            </div>
            <!-- Company Logo here -->
            <div id="logo">
                <s:iterator id="company" value="cpy">
                    <img src="images/<s:property value="logo"/>" />
                </s:iterator>
            </div>
        </div>

        <div id="main_content">
            <div id="menu_tab">
                <ul class="menu">
                    <li>
                        <a href="index.jsp" class="nav"> Home </a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">Products</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">News</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">My account</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#" class="nav">Sign Up</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="contact.jsp" class="nav">Contact Us</a>
                    </li>
                </ul>
            </div>
            <!-- end of menu tab -->

            <div class="crumb_navigation">
                Navigation:
                <span class="current">Home</span>
            </div>

            <div class="left_content">
                <div class="title_box">
                    Shotcut
                </div>
                <ul class="left_menu">
                    <!-- Company quick link here -->
                    <li class="odd">
                        <!-- add tag # here -->
                        <a href="index.jsp#cpypic">Company Picture</a>
                    </li>
                    <li class="even">
                        <a href="index.jsp#cpydesc">EnterPrise Introduce</a>
                    </li>
                    <!-- Company detail shotcut -->
                    <s:iterator value="cpydetail" status="index">
                        <s:if test="#index.odd == true">
                            <li class="odd">
                        </s:if>
                        <s:else>
                            <li class="even">
                        </s:else>
                        <a href="loadindex.action?id=LiteonIT#<s:property value=" id"/>">
                            <s:property value="name" />
                    </s:iterator>
                </ul>

                <div class="title_box">
                    Newsletter
                </div>
                <div class="border_box">
                    <input type="text" name="newsletter" class="newsletter_input"
                        value="your email" />
                    <a href="#" class="join">subscribe</a>
                </div>
            </div>
            <!-- end of left content -->


            <div class="center_content">
                <div class="oferta">
                    <div class="oferta_details">
                        <!-- Company Name,Picture and Description here -->

                        <s:iterator value="cpy">

                            <div class="oferta_title">
                                Company Name
                            </div>
                            <div class="oferta_text_bold">
                                <s:property value="name" />
                            </div>
                            <div class="oferta_title">
                                Company Picture
                                <a name="cpypic"></a>
                            </div>
                            <div class="oferta_text">
                                <img src="images/<s:property value="picture"/>" width=540
                                    height=250 />
                            </div>
                            <div class="oferta_title">
                                Company Description
                                <a name="cpydesc"></a>
                            </div>
                            <div class="oferta_text">
                                <s:property value="description" />
                            </div>
                        </s:iterator>

                        <!-- Company Detail here -->
                        <s:iterator value="cpydetail">
                            <div class="oferta_title">
                                <s:property value="name" />
                                <a name="<s:property value="id" />"></a>
                            </div>
                            <div class="oferta_text">
                                <s:property value="value" />
                            </div>
                        </s:iterator>
                    </div>
                </div>
            </div>
            <!-- end of center content -->
            <div class="right_content">
                <div class="title_box">
                    Search
                </div>
                <div class="border_box">
                    <input type="text" name="newsletter" class="newsletter_input"
                        value="keyword" />
                    <a href="#" class="join">search</a>
                </div>
                <div class="title_box">
                    Friendly Link
                </div>
                <ul class="left_menu">
                    <s:iterator id="fl" value="friendlylink" status="index">
                        <s:if test="#index.odd == true">
                            <li class="odd">
                        </s:if>
                        <s:else>
                            <li class="even">
                        </s:else>
                        <a href="http://<s:property value="fl"/>"> <s:property
                                value="fl" /> </a>
                        </li>
                    </s:iterator>
                </ul>
            </div>

            <!-- end of right content -->


        </div>
        <!-- end of main content -->
        <div class="footer">
            <div class="left_footer">
                <img src="images/footer_logo.png" alt="" title="" width="89"
                    height="42" />
            </div>
            <div class="center_footer">
                Template name. All Rights Reserved 2009
                <br />
                <img src="images/payment.gif" alt="" title="" />
            </div>
            <div class="right_footer">
                <a href="index.jsp">home</a>
                <a href="details.jsp">about</a>
                <a href="details.jsp">sitemap</a>
                <a href="details.jsp">rss</a>
                <a href="contact.jsp">contact us</a>
            </div>
        </div>
        <!-- end of footer -->
    </div>
    <!-- end of main_container -->
</body>

[/code]
[b]问题补充：[/b]
index.jsp中
第150行开始用struts2标签获取数据库数据.
[b]问题补充：[/b]
loadIndex.js的内容如下

window.location.href = 'loadindex.action?id=xxxx';

这里是不是应该用ajax 请求啊,直接window.location.href 的话会重复执行,进入死循环.

放在

之前的话,
ExtJs识别不了吧?
[b]问题补充：[/b]
再次感谢lovewhzlq (CTO)大大的热心回复.

其实我现在就是用2个页面做的,一个configIndex.jsp,一个index.jsp.在configIndex中提交action,转到index.jsp.

之所以搞得这么麻烦,主要是为了避免用户直接通过地址栏访问index.jsp的时候出不来数据的问题.

现在问题其实已经解决了一大半拉.用ajax提交action后可以看到执行了一次,数据库数据返回也有,反而是struts2标签失效了,很纳闷.

[b]问题补充：[/b]
其实web程序对用户直接用地址访问页面的做法都比较难处理.不知道是否有好的方式避免掉这种问题.
[b]问题补充：[/b]
感谢energykey兄的回答,鄙视得好.
也就是说,
ajax请求的返回,只能用response.responseText或者json来获取,
struts2标签是不行的了.它们是2条路的人.
因为ajax是异步的请求,
struts2走的路是A的话,ajax的请求走的是B?

Struts2搭配Ajax上传图片时无法保存gif动态图片?

凌小星

3个回复