Wie erzwinge Seitenaktualisierungen oder Neuladevorgänge in jQuery?

Question

Der folgende Code zeigt eine Google-Karte und Suchergebnisse an, wenn Sie eine Adresse eingeben und die Senden-Schaltfläche drücken. Ich habe damit gespielt, um zu versuchen und die Seite zu zwingen, vollständig zu erneuern oder neu zu laden, sobald Sie den Absendenknopf schlagen. Aber ich kann es nicht richtig funktionieren lassen. Es lädt die Ergebnisse "in der Seite", aber ich möchte, dass die Seite vollständig aktualisiert wird, wenn die Ergebnisse geladen werden, wie wenn Sie die Zurück-Schaltfläche in Ihrem Browser drücken. Hoffnung, die Sinn macht.

Ich denke, die Antwort liegt in dieser Codezeile, aber ich kenne jquery nicht sehr gut. Es ist in der Nähe der Unterseite des vollständigen Codes unten.

<script type="text/javascript"> 
(function($) { 
    $(document).ready(function() { 
     load();'; 

Hier ist der vollständige Code unten. Jede Hilfe würde sehr geschätzt werden!

<?php 
/* 
SimpleMap Plugin 
display-map.php: Displays the Google Map and search results 
*/ 
$to_display = ''; 

if ($options['display_search'] == 'show') { 
$to_display .= ' 
<div id="map_search" style="width: '.$options['map_width'].';"> 
    <a name="map_top"></a> 
    <form onsubmit="searchLocations(\''.$categories.'\'); return false;"   name="searchForm" id="searchForm"  action="http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'].'"> 
     <input type="text" id="addressInput" name="addressInput" class="address"  />&nbsp; 
     <select name="radiusSelect" id="radiusSelect">'; 

      $default_radius = $options['default_radius']; 
      unset($selected_radius); 
      $selected_radius[$default_radius] = ' selected="selected"'; 

      foreach ($search_radii as $value) { 
        $r = (int)$value; 
        $to_display .= '<option valu   e="'.$value.'"'.$selected_radius[$r].'>'.$value.' '.$options['units']."</option>\n"; 
      } 

$to_display .= '  
     </select>&nbsp; 
     <input type="submit" value="'.__('Search', 'SimpleMap').'"  id="addressSubmit" class="submit" /> 
     <p>'.__('Please enter an address or search term in the box above.',  'SimpleMap').'</p> 
    </form> 
</div>'; 
} 
if ($options['powered_by'] == 'show') { 
    $to_display .= '<div id="powered_by_simplemap">'.sprintf(__('Powered by %s  SimpleMap', 'SimpleMap'),'<a href="http://simplemap-plugin.com/"  target="_blank">').'</a></div>'; 
} 

$to_display .= ' 
<div id="map" style="width: '.$options['map_width'].'; height:  '.$options['map_height'].';"></div> 

<div id="results" style="width: '.$options['map_width'].';"></div> 

<script type="text/javascript"> 
(function($) { 
    $(document).ready(function() { 
     load();';  

     if ($options['autoload'] == 'some') { 
      $to_display .= 'var autoLatLng = new GLatLng(default_lat,  default_lng); 
      searchLocationsNear(autoLatLng, autoLatLng.lat() + ", " +  autoLatLng.lng(), "auto", "'.$options['lock_default_location'].'", "'.$categories.'");'; 
     } 

     else if ($options['autoload'] == 'all') { 
      $to_display .= 'var autoLatLng = new GLatLng(default_lat,  default_lng); 
      searchLocationsNear(autoLatLng, autoLatLng.lat() + ", " +  autoLatLng.lng(), "auto_all", "'.$options['lock_default_location'].'",  "'.$categories.'");'; 
     } 

$to_display .= ' 
    }); 
})(jQuery); 
</script>'; 

?> 

Answer 1

Sie brauchen jQuery nicht, um dies zu tun. Umfassen Sie die Kraft von JavaScript.

window.location.reload() 

Edit: Dies ist ein weiteres Beispiel dafür, wo einige „jQuery Magie“ wird erwartet, dass Probleme, ohne an die Grundlagen der JavaScript zu lösen, die oft ist die einfachste, schnellste und direkteste Weg, etwas zu tun.

Answer 2

diese Zeile Ersetzen durch:

$("#someElement").click(function() { 
    window.location.href = window.location.href; 
}); 

oder:

$("#someElement").click(function() { 
    window.location.reload(); 
}); 

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.