[Erledigt] Jquery / Ajax --> verzögerte Aktualisierung

_cyrix_ · 07.12.2011, 20:01

Hallo zusammen,

ich habe kleinere Schwierigkeiten bei dem Zusammenspiel von Ajax im Zusammenspiel mit JQuery.

Genutzt wird jquery-1.7.1.

Die einzelnen Skripte funktionieren soweit. Die Daten werden geladen, allerdings nur einmal, dann werden die Daten nicht mehr korrekt nachgeladen.

PHP-Code:

  <input type="button" value="Aktuell" onfocus="getElementById('news_block').innerHTML=$('#news_block').load('ajax/news.ajax.php')" />

<input type="button" value="Alle" onfocus="getElementById('news_block').innerHTML=$('#news_block').load('ajax/news_all.ajax.php')" />

PHP-Code:

  $db_ajax = new mysqli('1', '1' ,'1', '1');

 
if(!$db_ajax) {

 
    echo 'Konnte keine Verbindung zu Datenbank aufbauen, MySQL meldete: '.mysqli_connect_error();

 
} else {

 
// Bei der anderen Datei, wurde nur das Limit entfernt.,.

 
    $sql = 'SELECT

                chat_user.name,

                chat_news.news,

                DATE_FORMAT(chat_news.time, "%d.%m.%Y %T") AS time

            FROM

                chat_user

            JOIN

                chat_news

            ON

                chat_news.userid = chat_user.ID

            ORDER BY  time DESC

            LIMIT 

                 5        

           ';

 
    if (!$stmt = $db_ajax->prepare($sql)) {

        return $db_ajax->error;

    }

    if(!$stmt->execute()){

        return $stmt->error;

    }

    $stmt->store_result();

    $stmt->bind_result($name, $news, $time);

    while ($stmt->fetch()) {

        echo "<div id='name'>".$name."</div>";

        echo "<div id='news'>".$news."</div>";

        echo "<div id='time'>".$time."</div>";

        echo "================";

        var_dump($news);

    }

    $stmt->close();

 
}

Die Daten für die Nachrichten werden über das folgende Skript eingetragen. Meine Schwierigkeiten sind hier, dass sich der Inhalt, nach dem Eintragen nicht ändert, sprich er bleibt auf dem Stand vor dem Eintragen. In der DB, wenn ich via Phpmyadmin schaue, wird der Wert aber eingetragen. Achso, wie bekomme ich das Feld, wo der Wert eingetragen wird ( News_Content ( Textarea wieder leer )). Ich steh hier leider komplett auf dem Schlauch.

PHP-Code:

 
<script>

 $(document).ready(function(){

                $('#click').click(function(){

                    $.ajax({ 

                        type: 'POST',

                        url: 'ajax/news_post.ajax.php',

                        data: "data="+document.getElementById("news_content").value+"&id="+<?php echo (int)$UserID ?>,

                        success: function(){

                            $('#news_block').load('ajax/news.ajax.php');

                        }

                    });

                });

});

</script>

Vielen Dank für die Unterstützung im Voraus.

Edit: Nach ca. 5min, werden die automatisch nachgeladen, dass versteh ich nicht :(

rudygotya · 07.12.2011, 20:23

Hi,

versuch bitte ein wenig Struktur in deine Fragestellung reinzubekommen. Das ist echt nicht einfach zu lesen / auf den Punkt gebracht.

Zitat:

Edit: Nach ca. 5min, werden die automatisch nachgeladen, dass versteh ich nicht

Äpfel? Birnen?

So wie ich dich verstanden habe, lädt ein Klick auf ein Element deine news nach. Beim 2. Klick aber nicht mehr. Falls dass das Problem sein sollte, setz bei $.ajax den cache-Parameter auf false oder benutze $.ajaxSetup()

Mysql Errors sollte man nur anzeigen, wenn die Seite auf einem Testserver (und nur da) betrieben wird.

Zitat:

PHP-Code:

 
data: "data="+document.getElementById("news_content").value+"&id="+<?php echo (int)$UserID ?>,

=> data: $('#news_content').val() + ...

Grüße

Basti

_cyrix_ · 07.12.2011, 21:17

Ich hab den Parameter integriert und leider hat dieses auch nichts gebracht.,.

Die News, werden nur bei den "ersten" Klicks auf den Button geladen, bei den 2. passiert leider nichts mehr. Sprich, es wirds nicht weiter nachgeladen ( news ).

Ich hab "data:" Bereich auch angepasst, auch hier hat sich leider nichts geändert.

Hast du noch weitere Ideen, was es sein kann ? Entschuldige die komische Schreibweise, aber ich wusste einfach nicht, wie ich es genau ausdrücken sollte.,.

Edit: mit ajaxSetup, funktionierte es beim eintragen. Nur wie mach ich das am Besten bei den ".load()" ?

Edit2:

PHP-Code:

  onfocus="$.ajaxSetup({ cache: false, }), getElementById('news_block').innerHTML=$('#news_block').load('ajax/news.ajax.php')" />

Damit funktioniert es, danke dir ;)

rudygotya · 08.12.2011, 00:03

Pack das alles in ein domready, verzichte auf inline-attribute und versuch, dass es nicht in einer html-js-Codesuppe endet. Das ist nicht bös gemeint, so hat das jeder mal gemacht und irgendwann gehts ans refakturieren. Und dann ists undefinierter Brei, den du durchwühlen musst.

Aller Anfang ist auch nicht schwer:

PHP-Code:

  $(function () { // === $.ready shortcut

$.ajaxSetup({ cache : false });
$( '#news_block' ).focus(function () {
    $( this ).load( 'ajax/news.ajax.php' )
})

});

Wird zwar, wenns größer wird, immer noch Spaghetti-Code, aber für den Anfang schon mal viel besser.

_cyrix_ · 10.12.2011, 20:22

Entschuldige, dass ich verspätet auf den Post reagiere.,. Ich habe den Tip mal umgesetzt und bedanke mich dafür ;)
Ich musste ihn etwas anpassen, da es sich ja um 2 Inhalte handelt, die man laden kann .,.

Grüße

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Ajax und JQuery - setinterval geht nicht im IE 8	Rutor	JavaScript, Ajax und mehr	1	30.11.2011 19:56
JQuery Ajax PHP Aktualisierung	thiagojonas	PHP Einsteiger	3	25.10.2011 23:22
jQuery: Dialoge, Ajax und document.ready	Chriz	HTML, Usability und Barrierefreiheit	0	13.10.2011 22:23
decodeURIComponent auf Ajax Content (jQuery)	Atikos	JavaScript, Ajax und mehr	12	07.10.2011 15:00
jQuery UI Tabs komplett mit AJAX laden und letzt gewählten Tab wählen	K00S	JavaScript, Ajax und mehr	6	10.09.2011 13:54
Datagrid in Jquery easy ui mittels AJAX füllen in Zend	MLang	JavaScript, Ajax und mehr	0	03.09.2011 01:48
[Erledigt] jquery ajax request ist immer null	taurus	JavaScript, Ajax und mehr	3	29.08.2011 00:00
JQuery Ajax Suche im Facebook Style	smilla	JavaScript, Ajax und mehr	7	17.03.2011 10:14
jQuery (crossdomain) Ajax	halskrause	JavaScript, Ajax und mehr	10	01.09.2010 18:36
[Erledigt] jQuery - Per Ajax geladenes Javascript ausführen?	benAsks	JavaScript, Ajax und mehr	4	16.08.2010 23:39
[Erledigt] Ajax, jQuery - CKEDITOR Fehler bei Instanzierung	jGeee	JavaScript, Ajax und mehr	3	26.03.2010 09:09
jQuery Ajax und $(this) Problem	halskrause	JavaScript, Ajax und mehr	8	01.03.2010 17:39
jQuery mit AJAX ohne ActiceX im IE?	krush	JavaScript, Ajax und mehr	2	11.08.2009 08:54
[Erledigt] Jquery Ajax Rückgabewert weiterverwenden	heohni	JavaScript, Ajax und mehr	5	26.02.2009 09:52
Drag & Drop via JQuery & Ajax --> Geht nicht :(	Plague	JavaScript, Ajax und mehr	2	23.10.2008 12:19

07.12.2011, 20:01
_cyrix_ Erfahrener Benutzer Registriert seit: 22.10.2008 Beiträge: 222 PHP-Kenntnisse: Anfänger	[Erledigt] Jquery / Ajax --> verzögerte Aktualisierung Hallo zusammen, ich habe kleinere Schwierigkeiten bei dem Zusammenspiel von Ajax im Zusammenspiel mit JQuery. Genutzt wird jquery-1.7.1. Die einzelnen Skripte funktionieren soweit. Die Daten werden geladen, allerdings nur einmal, dann werden die Daten nicht mehr korrekt nachgeladen. PHP-Code: `<input type="button" value="Aktuell" onfocus="getElementById('news_block').innerHTML=$('#news_block').load('ajax/news.ajax.php')" /> <input type="button" value="Alle" onfocus="getElementById('news_block').innerHTML=$('#news_block').load('ajax/news_all.ajax.php')" />` PHP-Code: $db_ajax = new mysqli('1', '1' ,'1', '1'); if(!$db_ajax) { echo 'Konnte keine Verbindung zu Datenbank aufbauen, MySQL meldete: '.mysqli_connect_error(); } else { // Bei der anderen Datei, wurde nur das Limit entfernt.,. $sql = 'SELECT chat_user.name, chat_news.news, DATE_FORMAT(chat_news.time, "%d.%m.%Y %T") AS time FROM chat_user JOIN chat_news ON chat_news.userid = chat_user.ID ORDER BY time DESC LIMIT 5 '; if (!$stmt = $db_ajax->prepare($sql)) { return $db_ajax->error; } if(!$stmt->execute()){ return $stmt->error; } $stmt->store_result(); $stmt->bind_result($name, $news, $time); while ($stmt->fetch()) { echo "<div id='name'>".$name."</div>"; echo "<div id='news'>".$news."</div>"; echo "<div id='time'>".$time."</div>"; echo "================"; var_dump($news); } $stmt->close(); } Die Daten für die Nachrichten werden über das folgende Skript eingetragen. Meine Schwierigkeiten sind hier, dass sich der Inhalt, nach dem Eintragen nicht ändert, sprich er bleibt auf dem Stand vor dem Eintragen. In der DB, wenn ich via Phpmyadmin schaue, wird der Wert aber eingetragen. Achso, wie bekomme ich das Feld, wo der Wert eingetragen wird ( News_Content ( Textarea wieder leer )). Ich steh hier leider komplett auf dem Schlauch. PHP-Code: <script> $(document).ready(function(){ $('#click').click(function(){ $.ajax({ type: 'POST', url: 'ajax/news_post.ajax.php', data: "data="+document.getElementById("news_content").value+"&id="+<?php echo (int)$UserID ?>, success: function(){ $('#news_block').load('ajax/news.ajax.php'); } }); }); }); </script> Vielen Dank für die Unterstützung im Voraus. Edit: Nach ca. 5min, werden die automatisch nachgeladen, dass versteh ich nicht :( __________________ Learning by Doing --> Projekt eigenes BG <-- So lernt man am Besten alle Funktionen und kann sich dadurch viel aneignen --> Closed Beta Test <-- Geändert von _cyrix_ (07.12.2011 um 20:13 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.12.2011, 21:17
_cyrix_ Erfahrener Benutzer Registriert seit: 22.10.2008 Beiträge: 222 PHP-Kenntnisse: Anfänger	Ich hab den Parameter integriert und leider hat dieses auch nichts gebracht.,. Die News, werden nur bei den "ersten" Klicks auf den Button geladen, bei den 2. passiert leider nichts mehr. Sprich, es wirds nicht weiter nachgeladen ( news ). Ich hab "data:" Bereich auch angepasst, auch hier hat sich leider nichts geändert. Hast du noch weitere Ideen, was es sein kann ? Entschuldige die komische Schreibweise, aber ich wusste einfach nicht, wie ich es genau ausdrücken sollte.,. Edit: mit ajaxSetup, funktionierte es beim eintragen. Nur wie mach ich das am Besten bei den ".load()" ? Edit2: PHP-Code: `onfocus="$.ajaxSetup({ cache: false, }), getElementById('news_block').innerHTML=$('#news_block').load('ajax/news.ajax.php')" />` Damit funktioniert es, danke dir ;) __________________ Learning by Doing --> Projekt eigenes BG <-- So lernt man am Besten alle Funktionen und kann sich dadurch viel aneignen --> Closed Beta Test <-- Geändert von _cyrix_ (07.12.2011 um 21:37 Uhr).

08.12.2011, 00:03
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Pack das alles in ein domready, verzichte auf inline-attribute und versuch, dass es nicht in einer html-js-Codesuppe endet. Das ist nicht bös gemeint, so hat das jeder mal gemacht und irgendwann gehts ans refakturieren. Und dann ists undefinierter Brei, den du durchwühlen musst. Aller Anfang ist auch nicht schwer: PHP-Code: `$(function () { // === $.ready shortcut $.ajaxSetup({ cache : false }); $( '#news_block' ).focus(function () { $( this ).load( 'ajax/news.ajax.php' ) }) });` Wird zwar, wenns größer wird, immer noch Spaghetti-Code, aber für den Anfang schon mal viel besser. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

10.12.2011, 20:22
_cyrix_ Erfahrener Benutzer Registriert seit: 22.10.2008 Beiträge: 222 PHP-Kenntnisse: Anfänger	Entschuldige, dass ich verspätet auf den Post reagiere.,. Ich habe den Tip mal umgesetzt und bedanke mich dafür ;) Ich musste ihn etwas anpassen, da es sich ja um 2 Inhalte handelt, die man laden kann .,. Grüße __________________ Learning by Doing --> Projekt eigenes BG <-- So lernt man am Besten alle Funktionen und kann sich dadurch viel aneignen --> Closed Beta Test <--