Databases
StackOverflow2013
Postsdbo
POWhat's the best way to force a hashchange?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat's the best way to force a hashchange?
    primarykey
    data
    text
    <p>My website uses hashchange-triggered AJAX (to make it more bookmark-friendly). The problem I am having is that when I click "submit" in a form, all the form data that is <code>serialize()</code>'d to be sent via <code>$.post()</code> gets lost. I know this because I get the "Flag 1" alert after I click submit, and various other tests (alerting, echoing, etc.) show this to be true.</p> <p>Here's my current code:</p> <pre><code>$(document).ready(function() { var data = ''; var hash = ''; newPage(); alert('Flag 1'); $(window).bind('hashchange', function() { hash = window.location.hash; if (hash == '') { path = window.location.pathname; hash = '#' + path.replace(/^\/+/, ''); } data += '&amp;func=' + hash; var xhr = $.post(hash, data, function(result) { $("maincontent").html(result); }) .done(newPage); }); // Initialize vars and handle new form elements function newPage() { data = ''; $('form').submit(function() { data = $(this).serialize(); // Flag 2 - What do I do here? }); } // Load ajax content on first run of document if ($('#maincontent').html() == '') $(window).trigger('hashchange'); }); </code></pre> <p>What I am trying to do is <em>manually</em> fire a hashchange event while also changing the URL. The trouble is that if I just set <code>window.location.hash = $(this).attr('action');</code> then <code>return false;</code> where the "Flag 2" comment is, then I wind up getting unwanted trash in the URL, possibly due to the hashmark being encoded for a URL (...%23, etc).</p> <p>I am wondering what the best way to set the hash is, and whether there is a simpler way to do what I am trying to do to begin with.</p> <p>(I'm also open to comments suggesting alternate approaches for the style of navigation I am trying to achieve)</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTrent Bing
    1. USTrent Bing
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhat's the best way to force a hashchange?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWhat's the best way to force a hashchange?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload