Antworten auf deine Fragen:
Neues Thema erstellen

Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json, jQ

O

Ossipower

Nicht mehr ganz neu hier

Tach Jungs,

brauch mal wieder eure hilfe.


nachdem ich das problem "ajax request" mit eurer hilfe gelöst habe, ist mir aufgefallen, daß ich die einzelnen daten nicht formatieren kann.

also ich rufe die daten aus der datenbank ab (artikeltitel und artikeltext) und gib diese im div "content" aus.


index.php
Code: 
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Kampagne 2010</title>

<link rel="stylesheet" href="css/template.css" type="text/css" />

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jTypeWriter.js"></script>


<script language="javascript">
$(document).ready( function() {
                            
    $('form[name="ajax"]').submit(function(){
                                                 
        var text = $(this).serialize();
        
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'abfrage_artikel.php',
            data: text,
            success: function(data) {
                $('#content').html(data);
                $('#content').show().jTypeWriter();
                
            }
        });
        return false;
    });                            
});
</script> 

</head>

<body>                  
<form methode="post" name="ajax">
    <input type="hidden" name="hiddenValue1" value="Die neue Galaxie" />
    <button type="submit" id="send" name="send" value="senden">senden</button>
</form> 

 
         
<div id="content" style="display: none;">

</div>

</body>
</html>
abfrage_artikel.php

Code: 
<?php

header('Content-type: text/html; charset=ISO-8859-1');

include("connect.inc.php");

$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db($_db_datenbank)

or die ("Die Datenbank existiert nicht.");

if ($_POST['hiddenValue1'])
{
    $_artikeltitel = mysql_real_escape_string($_POST['hiddenValue1']);
    $abfrageArtikel = "SELECT artikeltitel, artikeltext FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    $inhalt = ' ';

    while($rowArtikel = mysql_fetch_object($ergebnisArtikel)) {
        $inhalt .= $rowArtikel->artikeltitel .' '. $rowArtikel->artikeltext ."\n";
    }

    [COLOR=Red]if($inhalt) {
         echo $inhalt;
    } else {
         echo 'Keine Daten vorhanden';
    }[/COLOR]

}  

mysql_close($connection);

?>
um jetzt die ausgabe "$inhalt" in artikeltitel und artikeltext aufzusplitten muß oder sollte ich "Json" benutzen. um jetzt den string ausgeben zu können muß ich das rot geschriebene mit "print json_encode($inhalt);" ersetzen.

ich hoffe das ist richtig bis jetzt.

und hat jetzt jemand einen tip, wie ich diese daten in zwei div´s anzeigen lassen kann. das "ajax-request" sollte aber bestehen bleiben.


ich danke euch im voraus.

gruß
ossipower
 

AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

Hi,

wenn ich das richtig verstanden habe, dann einfach nur $inhalt nicht als String sondern als Array benutzen.

Also:

in abfrage_artikel.php

$inhalt['div1'] = 'Hier der Inhalt von Div 1';
$inhalt['div2'] = 'Hier der Inhalt von Div 2';

echo json_encode($inhalt);

und in index.php
$('#contentdiv1').html(data.div1);
$('#contentdiv2').html(data.div2)
 
Zuletzt bearbeitet von einem Moderator:
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

Hi,

du musst das als json-String verpackt zurück geben. Das bedeutet letztlich:
Die Produktdaten werden als Array gefaltet und das wiederum in einen json-string. Dieser sieht z.B. wie folgt aus:
PHP: 
<?php
$produkt =array('name' => 'produkt', 'preis', '10,20 EUR');
$return = json_encode($produkt);

/* ausgabe print oder echo */
echo $produkt;
?>
Wichtig dabei ist, dass du in deiner ajax-Funktion noch den "dataType: 'json'," nach der url einbettest.

Die Rückgabe - also der callback - enthält nun ein Javascript-Object. Auf dieses greifst du im success wie foglt zu:
Code: 
.....
success: function(data) {
 $('#box-a').html(data..namen);
 $('#box-b').html(data..preis);
},
error: function(msg) {
 alert('Fehler: '+ msg);
}
....
Wenn du das nun nicht alles verstanden hast, gibt es hier noch weitere Infos:
 
Zuletzt bearbeitet:
so ich habe mal beide tipps ausprobiert. es hat aber nicht funktioniert.

index.php

Code: 
<script language="javascript">

$(document).ready( function() {                            
    $('form[name="ajax"]').submit(function(){                     
        $.ajax({
            type: 'POST',
            url: 'abfrage_artikel.php',
            data: 'json',
            success: function(data) {
                $('#content').html(data);
                $('#content_1').html(data.titel);
                $('#content_2').html(data.text);
            }
        });
        return false;
    });                            
});

</script> 

</head>

<body>    
              
<form methode="post" name="ajax">
    <input type="hidden" name="hiddenValue1" value="Die neue Galaxie" />
    <button type="submit" id="send" name="send" value="senden">senden</button>
</form> 

<div id="content">

</div> 
 
<div id="content_1">

</div> 

<div id="content_2">
</div> 

</body>
</html>
abfrage_artikle.php - TEST 1

Code: 
<?php

header('Content-type: text/html; charset=ISO-8859-1');

include("connect.inc.php");

$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db("fighters")

or die ("Die Datenbank existiert nicht.");

if ($_POST['hiddenValue1'])
{
    $_artikeltitel = mysql_real_escape_string($_POST['hiddenValue1']);
    $abfrageArtikel = "SELECT artikeltitel, artikeltext FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    while($rowArtikel = mysql_fetch_array($ergebnisArtikel)) {
        $inhalt[titel] = $rowArtikel->artikeltitel;
        $inhalt[text] = $rowArtikel->artikeltext;
    }
    
    
    echo json_encode($inhalt);
    
}  

mysql_close($connection);

?>
abfrage_artikel.php - TEST 2

Code: 
<?php

header('Content-type: text/html; charset=ISO-8859-1');

include("connect.inc.php");

$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db("fighters")

or die ("Die Datenbank existiert nicht.");

if ($_POST['hiddenValue1'])
{
    $_artikeltitel = mysql_real_escape_string($_POST['hiddenValue1']);
    $abfrageArtikel = "SELECT artikeltitel, artikeltext FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    while($rowArtikel = mysql_fetch_object($ergebnisArtikel)) {
        $artikeltitel .= $rowArtikel->artikeltitel;
        $artikeltext .= $rowArtikel->artikeltext;
    }
    
    $inhalt = array('titel' => '$artikeltitel', 'text' => '$artikeltext');
    $return = json_encode($inhalt);

    echo $return;
    
}  

mysql_close($connection);

?>
Firebug zeigt mir in der konsole -> post jetzt "json" an vorher wurde "Die neue Galaxie" übermittelt.

aus diesem grund bekomme ich deshalb bestimmt keine antwort. firebug->konsole->antwort ist leer.

habe jetzt "DataType" eingesetzt. hatte ich vergessen. bin so ein depp.

aber meine ausgabe funktioniert noch nicht, die anfrage ja.

mein aktueller stand.

index.php

Code: 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jTypeWriter.js"></script>


<script language="javascript">

$(document).ready( function() {                            
    $('form[name="ajax"]').submit(function(){
        
        var text = $(this).serialize();
        
        $.ajax({
            type: 'POST',
            url: 'abfrage_artikel.php',
            dataType: 'json',
            data: text,
            success: function(data) {
                $('#content').html(data);
                $('#content_1').html(data.titel);
                $('#content_2').html(data.text);
            }
        });
        return false;
    });                            
});

</script> 

</head>

<body>    
              
<form methode="post" name="ajax">
    <input type="hidden" name="hiddenValue1" value="Die neue Galaxie" />
    <button type="submit" id="send" name="send" value="senden">senden</button>
</form> 

<div id="content" style="display: none;">
</div> 
 
<div id="content_1" style="display: none;">
</div> 

<div id="content_2" style="display: none;">
</div> 

</body>
</html>
abfrage_artikel.php

Code: 
<?php

header('Content-type: text/html; charset=ISO-8859-1');

include("connect.inc.php");

$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db("fighters")

or die ("Die Datenbank existiert nicht.");

if ($_POST['hiddenValue1'])
{
    $_artikeltitel = mysql_real_escape_string($_POST['hiddenValue1']);
    $abfrageArtikel = "SELECT artikeltitel, artikeltext FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        

     while($rowArtikel = mysql_fetch_array($ergebnisArtikel)) {
        $artikeltitel[] = $rowArtikel;
        $artikeltext[] = $rowArtikel->artikeltext;
    }
    
    $produkt = array('titel' => 'artikeltitel', 'text' => '$artikeltext');
    $return = json_encode($produkt);

    echo $return;
    
}  

mysql_close($connection);

?>
mein problem ist jetzt, wie ich titel und text mit den daten aus der datenbank füllen kann.

habe jetzt die abfrage_artikel.php geändert


Code: 
while($rowArtikel = mysql_fetch_array($ergebnisArtikel)) {
        $produkt = array('titel' => $rowArtikel["artikeltitel"], 'text' => $rowArtikel["artikeltext"]);
     }
"titel" wird jetzt auch ausgegeben aber "text" ist null.

hat jemand einen tipp?

gruß
ossipower

habe es jetzt hinbekommen, daß die daten angezeigt werden.

Code: 
 while($rowArtikel = mysql_fetch_array($ergebnisArtikel)) {
         $inhalt = array ("titel" => ($rowArtikel["artikeltitel"]), "text" => ($rowArtikel['artikeltext']));
     }
    
    $return = json_encode($inhalt);

    echo $return;
aber es gibt noch ein problem. wenn ich umlaute und ß im text habe, werden keine daten im array gespeichert. firebug zeigt mir dann "null".

wie kann ich dieses problem lösen?

gruß
ossipower
 
Zuletzt bearbeitet von einem Moderator:
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

Im Grunde hast du auch einen Fehler bei der Datenverarbeitung aus dem DB-Result.

Du verwendest die Objektzuweisen, obgleich du mysql_fetch_array anstatt mysql_fetch_object verwenden solltest.

Hier mal das korrekte Beispiel:
PHP: 
<?php
/* post ggf. vorprüfen auf integer */
if(isset($_POST['hiddenValue1']) && $_POST['hiddenValue1'] != '') {
    
    $_artikelId = mysql_real_escape_string($_POST['hiddenValue1']);
    
    /*
     * es ist extrem performanter sowohl auf DB-Ebene als auch in der
     * Scriptverarbeitung, wenn ein integer übergeben wird. Also die Artikel-Id
     */
    $abfrageArtikel = mysql_query('SELECT 
                                        artikeltitel, 
                                        artikeltext 
                                    FROM 
                                        artikel 
                                    WHERE 
                                        artikel_id = "'. mysql_real_escape_string($_artikelId) .'"');
    /* prüfen ob ein Ergebnis vorhanden */
    if(mysql_num_rows($abfrageArtikel)) {
        /* als array zuweisen */
        $results         = mysql_fetch_array($ergebnisArtikel);
        
        /* prüfen ob array-Daten vorhanden */
        if($results['artikeltext'] != '') {
            $produkt = array('errorMsg' => '', 'text' => $results['artikeltext'], 'title' => $results['artikeltitel']);
            $return = json_encode($produkt);
        } else {
            $produkt = array('errorMsg' => 'Fehler bei der Datenlieferung');
            $return = json_encode($produkt);
        }
    
        echo $return;
    } else {
        $produkt = array('errorMsg' => 'Dieses Proukt gibt es nicht mehr');
        $return = json_encode($produkt);
    }
}

echo $return;
?>
 
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

jaja saila, was würde ich nur ohne dich machen. :D

ich habe jetzt in der index.php folgendes geändert:

Code: 
<input type="hidden" name="hiddenValue1" value="[COLOR=Red]Die neue Galaxie[/COLOR]" />
Code: 
<input type="hidden" name="hiddenValue1" value="[COLOR=Red]1[/COLOR]" />
dann habe ich den code in meiner abfrage_artikel.php mit deinem code ausgetauscht.

ich bekomme jetzt keine ausgabe mehr. im firebug->antwort habe ich folgendes:

Code: 
<style>.bpe a:link, .bpe a:visited, .bpe a:active { color: #0b4c8e; text-decoration: none; } .bpe a:hover { color: #0D7CEC; }</style>
<span class="bpe" style="font: 11px/1.2em Verdana, sans-serif;"><br />
<b>Warning</b>:  mysql_fetch_array() expects parameter 1 to be resource, null given in <b>/users/fighters/www/game/abfrage_artikel.php</b> on line <b>30</b><br />
</span>{"errorMsg":"Fehler bei der Datenlieferung"}{"errorMsg":"Fehler bei der Datenlieferung"}

muß ich noch etwas einfügen?

gruß
ossipower
 
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

das sieht vielmehr danach aus, als würde ein html-Element nicht korrekt geschlossen sein. Prüf noch mal den Code ab dem javascript-Teil.
 
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

hmmm, daß sieht ok aus. ist auch nicht viel drin.

im firebug unter konsole -> html steht folgendes:

Code: 
[B]Warning[/B]:   mysql_fetch_array() expects parameter 1 to be resource, null given in [B]/users/fighters/www/game/abfrage_artikel.php[/B]  on line [B]30[/B]
{"errorMsg":"Fehler bei der Datenlieferung"}{"errorMsg":"Fehler  bei der Datenlieferung"}
aber auch da fällt mir nichts auf.


wenn ich jetzt beim button in value statt der 1 einen text eingebe dann bekomme ich die fehlermeldung "Dieses Proukt gibt es nicht mehr." was ja auch richtig ist. dann kann ja nur der fehler bei der übergabe der artikel_id sein.

denke ich mal. oder?
 
Zuletzt bearbeitet:
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

Naja, mein Vorschlag beruht ja auf der Tatsache, dass eine Artikel-Id übergeben wird. Die Frage ist nun, wie hast du den query angepasst und prüfst du bei der Übergabe auch auf > 0 oder (int) oder is_int oder is_integer.

Abgesehen davon musst du deinen success insofern anpassen, dass darin eine if/else if vorhanden ist. In der if prüfst du
Code: 
if(data.errorMsg != '') {
 // hier ggf. einen Layer per $('#layer').html(data.errorMsg).sho().fadeOut(6000); einbinden
// in dem Layer kannst du dann 
} else {
 // hier die normale Zuweisung per Selector
}
 
hi saila,

immer wenn ich denke, daß ich die lösung fast habe, haust du mein hirn durch den fleischwolf und ich muß es erstmal wieder zusammensetzen. :D

aber find ich gut. von nichts kommt nichts.

so jetzt weiter im thema. um ehrlich zu sein, hab ich nichts angepasst. ich habe gedacht, daß es egal ist ob ich buchstaben oder zahlen übermittle, da ich davon ausgegangen bin, daß es auch so geht.

so habe jetzt meine success angepasst. klappt super.

um den inhalt eines input fields auf integer zu setzen, reicht es aus, wenn ich class="integer" einfüge oder ist dies eine css klasse?



samstag, 12 juni 2010

hi, saila.

ich habe jetzt eine lösung gefunden. ich habe jetzt erstmal die lösung von herby1973 aufgegriffen, da ich bei deinem lösungsansatz an meine grenzen gestoßen bin.

erstmal zu meinem problemen und dann zeige ich meine lösung.

mein problem ist, daß ich nicht weiß, wie ich die eingabe auf eine zahl prüfen kann.
ich habe folgendes probiert:

PHP: 
if(isset($_POST['hiddenValue1']) && $_POST['hiddenValue1'] != '') {
in

PHP: 
if(is_int($_POST['hiddenValue1']) && $_POST['hiddenValue1'] != '') {
geändert.

führte aber zu keinem ergebniss. um die wahrheit zu sagen, ich habe diese zeile noch nicht kappiert. kannst du mir diese zeile genauer beschreiben?

aus diesem grund habe ich mich mal dem anderen lösungsvorschlag zugewandt.

mein problem war ja, das eine variable angezeigt wurde und die zweite nicht. die lösung war einfach. :D

wenn ich es richtig verstanden hatte, lag es an der kommunikation zwischen client und server. also auf welcher zeichkodierung die abfrage abläuft ich habe dann
PHP: 
mysql_query("SET NAMES 'utf8'");
mysql_query("SET CHARACTER SET 'utf8'");
in meine abfrage_artikel.php eingesetzt

abfrage_artikel.php:
PHP: 
<?php
header("content-type: text/html; charset=utf-8");

include("connect.inc.php");

$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db($_db_datenbank, $connection)


or die ("Die Datenbank existiert nicht.");

mysql_query("SET NAMES 'utf8'");
mysql_query("SET CHARACTER SET 'utf8'");

if ($_POST['hiddenValue1']) 
{
    $_artikelid = mysql_real_escape_string($_POST['hiddenValue1']);
    $abfrageArtikel = "SELECT * FROM artikel WHERE artikelid='$_artikelid'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    $artikel = '';

    while($rowArtikel = mysql_fetch_array($ergebnisArtikel)) {
        $artikel['titel'] = $rowArtikel ['artikeltitel'];
        $artikel['text'] = $rowArtikel ['artikeltext'];
    }        
}  

echo json_encode($artikel);

mysql_close($connection);
?>
jetzt habe ich aber folgendes probelm.
den text in meiner datenbank habe ich mit zeilenumbrüchen geschrieben also mit <br>. meine ausgabe des textes im ajax request ist aber ohne formatierung.

wie kann ich das ändern?

deinen lösungsansatz möchte ich auch weiter fortführen, da ich 100 prozentig später auf dieses problem stoße.

PS: doppelpost tut mir leid. gelobe besserung.

gruß
ossipower


mit der text ausgabe hat es sich erledigt. ich hatte noch ein schreibmaschienen script laufen.
 
Zuletzt bearbeitet:
AW: Ajax Request - Daten aus der Datenbank in unterschiedlichen DIV´s anzeigen-Json,

1. Vermeide in Zukunft Mehrfachposts. Es gibt hier die Edit-Funktion, in welcher du deinen letzten Beitrag editieren und somit erweitern kannst.

2. Achte bei meinem Beispiel auf das Datenbankfeld "artikel-id". Das bedeutet, dass du mit dem klick einen Artiekl-id und kein Titel mehr übergeben musst. Abgesehen davon ist der Hinweis von int - is_integer usw. auf php bezogen. Bedeutet, mit dem auslösen des ajax, muss auf der php-Script-Seite auf eine Zahl geprüft werden. Ansonsten erhälst du in meinem Beispiel immer ein errorMsg.

Am besten wäre es, nehme dir Zeit und lese mein Beispiel mal genau durch. Weil du im Grunde dein Script auch insofern anpassen musst, dass irgendwo ein input-type hidden Element enthalten sein muss, welches zum einen die Artikel ID als value enthält und eine id- oder class-Attribut, über welches du den Selector laufen lässt.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 882 (Mitglieder: 4, Gäste: 878)

Statistik des Forums

Themen
118.965
Beiträge
1.540.137
Mitglieder
68.145
Neuestes Mitglied
filmzeugs
Oben