Javascript 图按钮提交后未能加载相同的正文内容_Javascript_Jquery_Jsp

Javascript 图按钮提交后未能加载相同的正文内容

javascript jquery jsp

Javascript 图按钮提交后未能加载相同的正文内容,javascript,jquery,jsp,Javascript,Jquery,Jsp,我找不到解决我问题的办法。可能是因为我正在从MATLAB生成WebFigure。希望有人能救我。显然，我对这件事还不熟悉，也不知道该怎么做我已经成功地使用jquery从index.jsp加载了同一正文内容中的另一个页面（multipledose.jsp）。在另一个页面中，有一些计算，在按钮提交后，图形（webfigure MATLAB）将显示在相同的位置，而不会更新整个页面。但经过多次试验，图表继续转到另一页。以下是我认为可能导致问题的代码： multipledose.jsp <scri

我找不到解决我问题的办法。可能是因为我正在从MATLAB生成WebFigure。希望有人能救我。显然，我对这件事还不熟悉，也不知道该怎么做

我已经成功地使用jquery从index.jsp加载了同一正文内容中的另一个页面（multipledose.jsp）。在另一个页面中，有一些计算，在按钮提交后，图形（webfigure MATLAB）将显示在相同的位置，而不会更新整个页面。但经过多次试验，图表继续转到另一页。以下是我认为可能导致问题的代码：

multipledose.jsp

<script src="//code.jquery.com/jquery-1.11.1.js"></script>
<link rel="Stylesheet" type="text/css" media=all href="./StyleSheet.css" />

<%
String tfinalStr = request.getParameter("tfinal");
int tfinal = 100;
if (tfinalStr != null && tfinalStr.length() > 0) {
    tfinal = Integer.parseInt(tfinalStr);
}

String yiniStr = request.getParameter("yini");
String yini = "10 0 0 0";
if (yiniStr != null && yiniStr.length() > 0) {
    yini = yiniStr;
}

%>

</head>

<body>
<center>
    <!--
   <form action="http://localhost:8080/MultiDose">
-->
    <form action="MultiDose">
        <table>
            <thead>
            <tbody>
                <tr align="center">
                    <td>Time<br> <input type="text" name="tfinal"
                        id="tfinal" value="<%=tfinal%>" /></td>
                </tr>
                <tr align="center">
                    <td>Initial Condition<br> <input type="text" name="yini"
                        id="yini" value="<%=yini%>" /></td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td align="center" colspan="10"><input type="submit"
                        value="Display Graph" name="DoPLot" id="DoPLot" onclick="$('#body').show();" /></td>
                </tr>
            </tbody>

        </table>
        <br> <br>
        <table>
            <tr>
                <td><img src="PKdiagram1.gif" alt="PK Diagram" width="500"
                    height="250"></td>
                    <div id="body">
                        <wf:web-figure root="WebFigures" name="Project_Figure"
                            scope="session" />
                    </div>
            </tr>
        </table>
    </form>
</center>
</body>

真希望有人能帮忙。谢谢

更新：我已经按照建议更新了代码，在MultiDose.java中添加了

RequestDispatcher

，并将multipledose.jsp中的

更改为直接调用

。但是，submit按钮（它应该只更新包含

webfigure

的内容

body

）不起作用，并显示一个新的完整multipledose.jsp页面

从您上次的评论中

但它将移动到另一个页面，而我需要它只更新同一页面上的相关内容

您甚至可以使用

RequestDispatcher

转发到发布数据的同一页面

您可以使用

El

as打印页面中的数据

${Project_Figure}

但是，如果您正在重新加载页面的一部分，那么使用ajax总是更好的

希望这有帮助

也许您需要类似于

RequestDispatcher rd=request.getRequestDispatcher（“somePage.jsp”）；包括（请求、响应）在servlet.Hi@Nivedita的末尾编写此语句。我以前用过。使用multipledose.jsp，但它将移动到multipledose.jsp页面，而不仅仅是加载图形。我想，需要用这段代码做点什么……有什么想法吗？图形会一直转到另一个页面当图形显示时，您得到的url是什么？您没有使用Ajax，为什么不转到其他页面？@Nivedita。我已根据您的建议更新了上述代码。我在提交按钮后得到的URL是。嗨@SanKrish，谢谢你的帮助。我已经研究了这个问题，我一定要学习使用ajax来解决这个问题。经过几天的努力，我仍然坚持着。需要花更多的时间学习结构。欢迎：）ajax有很多资源，希望您可以轻松学习
${Project_Figure}