Question

我正在为一个学校项目制作一个CRUD应用程序，其中有一个“课程组”列表，您可以添加或删除它们。

我有一个类似于此的bootstrap模式，您可以在其中输入课程组名称并按下按钮进行提交：

<div class="modal fade" id="lessonGroupAddModal" tabindex="-1" role="dialog"
     aria-labelledby="lessonGroupAddModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="lessonGroupAddModalLabel">Les groep toevoegen</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form class="addLessonGroupForm" role="form">
                    <div class="form-group">
                        <label for="lessonGroupName-input" class="col-2 col-form-label">Naam</label>
                        <div class="col-10">
                            <input class="form-control" type="text" value="" id="lessonGroupName-input">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Sluiten</button>
                <button id="addLessonGroupButton" type="button" class="btn btn-primary">Toevoegen</button>
            </div>
        </div>
    </div>
</div>

该按钮适用于JavaScript AJAX帖子请求，如下所示：

$("#addLessonGroupButton").on("click", function() {
    if($("input[type=text]#lessonGroupName-input").val()) {
         $.ajax({
            type: 'POST',     
            url:'lessongroup/add.action',
            dataType: 'json',
            data : "lessonGroupName="+$("input[type=text]#lessonGroupName-input").val(),
        });
    }
    location.reload();
});

我正在使用的动作方法如下所示：

public String addLessonGroup() {
    if (this.lessonGroupName == null || this.lessonGroupName.equals("")) {
        return ERROR;
    }
    LessonGroup previousLessonGroup = this.getLessonGroups().last();

    TestDAOLessonGroup.getInstance().create(new LessonGroup(previousLessonGroup.getId() + 1, lessonGroupName));
    System.out.println("added lesson group with name " + lessonGroupName);
    return SUCCESS;
}

TestDAOLessonGroup是保存对象的单身人士，我100％确定对象只进行一次。

控制器的执行方法如下所示：

public String execute() {
    if (lessonGroups == null) {
        lessonGroups = new TreeSet<>();
    }
    lessonGroups.clear();
    lessonGroups.addAll(TestDAOLessonGroup.getInstance().getLessongroups());
    return SUCCESS;
}

这会将最新的课程组放入变量中，我将在视图中找到它。

我的struts.xml动作映射如下所示：

<action name="lessongroup" class="employeemanagement.LessonGroupListingAction"
        method="execute">
    <result name="success">index.jsp</result>
</action>

我100％肯定这个映射有效，并且在视图中加载了课程组合。

问题在于，当您通过post请求向DAO添加新课程组，并且它通过location.reload();语句重新加载页面时，它不会在第一次调用该操作。当我添加另一个课程组时，它可以正常工作。

我怎样才能在第一页刷新时调用Action？我是否采用了正确的方法？

Answer 1

该网址未映射到该操作。你应该添加

<action name="add" class="employeemanagement.LessonGroupListingAction"
        method="add">
  <result type="json"/>
</action>

json插件需要返回json类型的结果。

此操作应映射到ajax调用中的url

$("#addLessonGroupButton").on("click", function() {
    if($("input[type=text]#lessonGroupName-input").val()) {
         $.ajax({
            type: 'POST',     
            url:'add.action',
            dataType: 'json',
            data : "lessonGroupName="+$("input[type=text]#lessonGroupName-input").val(),
            success: function(data) {
              console.log(JSON.stringify(data));
            }
        });
    }        
});

在页面刷新时未调用Struts2操作

1 个答案: