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

7fhtutme  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(101)

我正在为一个学校项目做一个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 post请求工作,看起来像这样:

$("#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();
});

我使用的action方法看起来像这样:

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%确定对象只被创建一次。
控制器的execute方法看起来像这样:

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

这将把最近的课程组放入变量中,我将在视图中获取该变量。
我的struts.xml操作Map看起来像这样:

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

我100%确定这个Map是有效的,课程组正在加载到视图中。
问题是,当您通过post请求向DAO添加新的课程组时,它通过location.reload();语句重新加载页面,它不会在第一次调用该操作。当我添加另一个课程组时,它工作得很好。
我怎样才能使它在第一次刷新页面时调用Action?我是否使用了正确的方法?

yk9xbfzb

yk9xbfzb1#

URL未Map到操作。你应该添加

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

json插件需要返回json类型的结果。
此操作应Map到aqv-grafik pos =“1”/中的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));
            }
        });
    }        
});

相关问题