【问题标题】:Page redirecting after setting the ajax response to div将ajax响应设置为div后页面重定向
【发布时间】:2016-10-22 21:06:05
【问题描述】:

即使我将视图响应(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);
            },
        });

    });     

}); 

【问题讨论】:

标签: ajax spring-mvc


【解决方案1】:

替换

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

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

【讨论】:

  • 您在 href 属性中提供了 url,因此,当单击超链接时,它会重定向到新页面。
  • 不正确。提问者需要阻止默认的点击操作,不管href如何。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-09
  • 2018-11-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多