2016-07-23 8 views
0

Ich verwende code-igniterframework. Wenn ich auf panel1 eine Option klicke oder auswähle, klicke und wähle jedes Ereignis, das ich gemacht habe, um die Ajax-Funktion aufzurufen, und die Benutzerinformationen erscheinen unter panel2DIV. Ich kann die vollständige URL in meiner Adressleiste nicht sehen. So zeigen Sie die Ajax-Anforderungs-URL in der Adressleiste des Browsers an.So stellen Sie die AJAX-Anforderungs-URL für den Code-Igniter auf die Browser-URL ein.

enter image description here

var ajaxUrl = '<?php echo base_url(); ?>' + 'main/userinfo/' + gender + '/' + age_min + '/' + age_max; 
$.ajax({ 
    url: ajaxUrl, 
    dataType: "JSON", 
    type: "POST", 
    success: function(retdata) { 


    }); 
+0

Möchten Sie die URL dieser Seite anzeigen, die in 'panel2' geladen wird? –

+1

Ich denke, Sie brauchen hier, um Browser-Verlauf zu verwalten –

Antwort

1

Es gibt viele Artikel, hier auch in SO, die erklären, wie die URL der Adressleiste ändern wihtout die Seite aktualisieren (während eine Ajax-Aufruf zum Beispiel durchführen). Die Grundidee ist die Verwendung der HTML5-History-API (die pushState()). Etwas wie:

var ajaxUrl = '<?php echo base_url(); ?>' + 'main/userinfo/' + gender + '/' + age_min + '/' + age_max; 
$.ajax({ 
    url: ajaxUrl, 
    dataType: "JSON", 
    type: "POST", 
    success: function(retdata) { 

    window.history.pushState({"html":retdata.html,"pageTitle":retdata.pageTitle},"", ajaxUrl); 
    }); 

Es gibt auch eine Polyfill für diese libaray namens history.js für alte Browser.

+0

perfekt funktionieren. Aber wenn ich diese URL kopiere und in einem neuen Fenster vorbei gehe, kann ich nur Array-Daten sehen. Wie man das vermeidet. –

+1

Hallo @GeethWelagedara, ich sehe Ihren Standpunkt nicht, können Sie mir bitte zeigen, was Sie mit einem Array-Datensatz meinen. Wie auch immer, jedes Fenster hat seinen eigenen History-Stack. Ich habe dir nur die Idee gegeben und natürlich musst du zuerst über die HTML5-History-API lesen, um andere mögliche Probleme zu vermeiden. –

+0

Wie meine Seite, Panel 2 Daten kommt aus Datenbank und Homepage laden alle Benutzerdaten. nach ajax URL mit Parametern kommt zu $ ​​("# maindiv"). append (userinfo); –

Verwandte Themen