java - 使用 jsp 的 ajax 返回填充 div

Question

我目前有 4 个表单正在运行，但不是最佳方式。它们提交到所在的同一页面，并且 if 语句拦截 request.getParameter。

我研究过prototype.js jQuery、Struts 和许多其他的，但似乎无法确定该使用哪一个或该往哪个方向发展。

我主要想做的是让 div 填充 jsp 中的数据。

所以伪代码会是这样的

• 抓取表单按钮提交操作
• 获取/sessioninfo.jsp?sid=data 将返回的数据
• 使用该数据填充 div。

可以这样做吗，或者有更好的方法吗？

我的一种表单示例:

<form id="sesslook" method="post" action="/MonKaiWeb/index.jsp#tabs-1" name="Session Lookup">
                        <table style="text-align: center; width: 100%;" cellpadding="2" cellspacing="2">
                            <tbody>
                                <tr>
                                    <td style="vertical-align: top;">
                                        <h1>User Activity Lookup By NetID</h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top;">
                                        <input cols="25" type="text" rows="1" name="netid" placeholder="NetID" required/>
                                        <button value="Search" name="Search">Search</button>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top;">
                                        <label for="from">From</label>
                                        <input type="text" id="from" name="from" placeholder="First Date Exclusive" required />
                                        <label for="to">to</label>
                                        <input type="text" id="to" name="to" placeholder="Last Date Exclusive" required />

                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align: top;">
                                        <select id="choice" name="choice" required>
                                            <option value="all">Please Select An Option</option>
                                            <option value="all">Everything</option>
                                            <option value="assnSub">Assignment Submissions</option>
                                            <option value="samSub">Test & Quiz Submission</option>
                                            <option value="db">Upload to DropBox</option>
                                        </select>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>

Answer 1

下面给出的是使用 ajax 响应填充 div 的非常通用的方法:试试这个:

$.post(url, {parameters}, function(response) { div.innerHTML = response });