Question

即使我将视图响应（AJAX调用）设置为同一页面上的div类，页面也会重定向到新页面（视图）。 Ajax调用成功，我可以在控制台中看到响应。

针对home.jsp：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Gen</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">   </script>
<spring:url value="/resources/css/gen.css" var="mainCss" />
<spring:url value="/resources/js/gen.js" var="mainJs" />

<link href="${mainCss}" rel="stylesheet" />
 <script type="text/javascript" src="${mainJs}"></script>

</head>
<body id="layout">
  <div id="header">
   <h1>XYZ</h1>  
 </div>
 <div id="top-nav">  
   <ul id="top-nav-list">
     <li class="top-nav-list-item" id="gen">
        <a class="top-nav-links" id="requestui" href="getrequestui">Generate</a>
    </li>   
 </ul>
 </div>
 <div id="container">
 </div>
 </body>
 </html>

gen.js

 $(document).ready(function(){    

    $('#requestui').on('click',function(){
        var urlBuild = '/gen/getrequestui';
        $.ajax({
            url: urlBuild,
            type: "POST",
            async: false,
            success: function (response) {
                $("#container").html(response);
            },
        });

    });     

});

Answer 1

替换

<a class="top-nav-links" id="requestui" href="getrequestui">Generate</a>

与

<a class="top-nav-links" id="requestui" href="#">Generate</a>

将ajax响应设置为div后页面重定向

1 个答案: