Question

我设计了两个HTML页面input.html和output.html（使用HTML5和groundworkscss）。一种是从表单中获取用户的信息，另一种是在表格中显示输出。

第一页通过GET请求将信息提交给JSP页面。 JSP页面返回XML响应。如何在output.html中捕获并显示该信息？

注意：我知道我可以在JSP页面中包含HTML代码并显示那里的输出。但在这种情况下，我对该JSP页面没有任何控制权。

Answer 1

我建议使用AngularJS解析XML并将数据放入html

Answer 2

此解决方案的关键部分是 AJAX 。当我们从JSP中获取XML时，我们希望从我们的网页中访问它。这是执行此操作的步骤的示例。

假设我们有一个按钮和一个div

<div id="xmlresults"></div>
<button id="getxml">Click me to get jsp xml</button>

在此标记下使用js / jquery我们可以：

(function() { 

 function printxml(xml) {
   /* examples for use/parse */
   xmlDoc = $.parseXML( xml ), $xml = $( xmlDoc );
   /* print a node value to the page */
   $("#xmlresults").html( $xml.find( "somenode" ).text() );
 }

 function getxml() {
   var reqConfig ={ url: "/xmlget.jsp", type: "GET", contentType: "text/xml" };
   var request = $.ajax(reqConfig);
   request.done(function(xml) { printxml(xml); });
   request.fail(function(jqXHR, textStatus) { /* output error */ });
 }

    /* start the listen and call */
    $("#getxml").on("click", function() { getxml(); });

})(); /* optional anon function wrapper */

希望这能让你朝着正确的方向前进。

如何在Web应用程序中单独管理UI和应用程序逻辑？

2 个答案: