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

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

回到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); 
      }, 
     }); 

    });  

});

来源

2016-10-22 Rajesh Lalam

请参阅：您需要防止默认操作。 http://stackoverflow.com/questions/12648916/jquery-capture-anchor-href-onclick-and-submit-asynchronously和这里http://stackoverflow.com/questions/788463/how-can-i-intercept-a使用ajax调用时链接与jQuery的联系 –

更换

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

与

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

来源

2016-10-22 13:06:05

您在href属性中提供了url，因此在单击超链接时将其重定向到新页面。 –

不正确。无论href如何，提问者都需要阻止默认的点击操作。 –

谢谢，其工作 –

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

回答

相关问题