Home/ Questions/Q 9026483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T06:31:48+00:00

I have created a website that intensively use Ajax to load its contents. I

  • 0

I have created a website that intensively use Ajax to load its contents.
I want the pages I select to load on AJAX but at the same time the URL also changes without reloading the whole page content. How would I achieve that? I’ve googled already but my search did not yield any results.

Let’s say I have this page:

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    <sj:head />
</head>
<body>
    <h5>Struts Jquery Ajax Integration </h5>

    <div id="resultContent"></div>
    <noscript>Please Turn On Javascript to make the full use of this site</noscript>

    <h4>Choose A task</h4>
    <ul>
        <s:url value="views/ajaxvalidation.jsp" var="ajaxvalidation" />
        <li><sj:a targets="resultContent" href="%{ajaxvalidation}">Ajax Validation </sj:a></li>
    </ul>

    <div>
        <h6>Play A Music while You Navigate</h6>
        <audio src="x.mp3" controls>Your browser does not support the
            audio element.
        </audio>
    </div>
</body>
</html>

I clicked the Ajax Validation link. it will not reload the page but however the url would be something like this:

localhost:8090/AppName/ajaxvalidation.jsp

or this:

 localhost:8090/AppName/ajaxvalidation.action

How would I achieve such a goal?

Note that I am using this plugin: struts2-jquery

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to use the History API

    window.history.pushState(data, title, url)

    Update

    Noticing that you use struts2-jquery you can add ajaxhistory="true" to enable the build in ajax history functionality. See http://code.google.com/p/struts2-jquery/wiki/HeadTag#Attributes

    <sj:head ajaxhistory="true" />

    Keep in mind, though, that it is not supported in all browser versions..

    • 0