Ajax: php formular absenden und ergebnisse auf selbe seite in div laden?

sepp88 · #1 (**permalink**) 19.03.2010, 19:26

Hallo,
ich würde gerne für ein schnelles Uni-Projekt folgendes realisieren.
Ein Inputfeld feuert eine google-Suche und das Suchergebniss soll auf meine eigene Seite per Ajax geladen werden?

Dazu habe ich schon mal eine index.php mit einem Formular und einem inputfeld erstellt.

PHP-Code:


			
    <script type="text/javascript" src="js/jquery-1.4.min.js"></script>

    <script type="text/javascript" src="js/scripts.js"></script>

    <?php

        include 's.php';

    ?>

</head>

<body>

<div id="wrapper">    

    <form id="formular" method="post" action="">

        <input autocomplete="off" tabindex="1" type="text" name="term" id="term" size="" value=""/>

        <input id="submit" type="submit" name="submit" value="Search" />

    </form>

</div>

<div id="results"></div>

</body>

</html>

Da ich leider nicht weiter weiß, feuere ich jetzt einfach mal einen meta-refresh mit der google Anfrage. Das funktioniert schon wunderbar.

PHP-Code:


			
<?php

if(isset($_POST['term'])){



    $term = $_POST['term'];

        //redirect

        $google_query = "http://www.google.com/search?q=";

        print "<meta http-equiv=\"refresh\" content=\"0;URL=" . $google_query . $term ."\">";



}

?>

Jetzt würde ich noch gerne, anstatt die Anfrage auf google umzuleiten. Die google Suchergebnisse auf meiner eigenen Seite in den div-contaiener #results laden.

Wie kann ich das angehen? mit jquery gibts ja ein load() wo ich Serverrequests ohne refresh ausführen kann. Leider weiß ich in dem Fall nicht wie ich vorgehen muss.

Danke für die Hilfe

Scheppertreiber · #2 (**permalink**) 19.03.2010, 19:36

$('#result').load('http://www.google.com/search?q=Toter+Oktober');

qwert · #3 (**permalink**) 19.03.2010, 23:25

Zitat:

Zitat von sepp88

Jetzt würde ich noch gerne, anstatt die Anfrage auf google umzuleiten. Die google Suchergebnisse auf meiner eigenen Seite in den div-contaiener #results laden.

Darf man sowas denn machen?

Zitat:

Zitat von sepp88

mit jquery gibts ja ein load() wo ich Serverrequests ohne refresh ausführen kann. Leider weiß ich in dem Fall nicht wie ich vorgehen muss.

Das load() von jQuery ist vermutlich ein Ajax-Get. Das funktioniert aber nicht auf einer anderen Domain. Same Origin Policy.

sepp88 · #4 (**permalink**) 20.03.2010, 10:37

Zitat:

Zitat von Scheppertreiber

$('#result').load('http://www.google.com/search?q=Toter+Oktober');

Das funktioniert nicht! Das GET wird laut firebug zwar gefeuert, wird mir aber rot markiert und Antwort gibt es keine.

Ich schließe mich der Frage von "qwert" an: Darf man das theoretisch überhaupt. Die Suchergebnisse von google auf der eigenen Seite einbinden?
Für das kleine Uni-Projekt wär mir das jetzt relativ wurst, da das nicht veröffentlicht wird, aber interessant wärs trotzdem.

edit: Kann ich ohne jquery die Serveranfrage von google z.b. in ein Div laden, oder in einen Frame? Hauptsache ich nutze google, aber ich verlasse nie meine eigene Seite _ das wäre mein Ziel.

Scheppertreiber · #5 (**permalink**) 20.03.2010, 10:39

Ups. Probier mal ohne das "http://"

sepp88 · #6 (**permalink**) 20.03.2010, 10:46

hab ich schon probiert. Da wird die angeforderte URL an meinen domainnamen gehängt!
Ohne das http:// zeigt mir firebug: GET http://meinedomain.de/www.google.com...

hemfrie · #7 (**permalink**) 20.03.2010, 11:06

qwert hat es doch schon geschrieben. Cross Domain Ajax Request sind nicht möglich. (cross domain policy)

Ich vermute auch, dass Google die Idee ansich nicht besonders gut finden würde.

Wenns nur ein Uni Spielprojekt sein wird, kannst Du mit Hilfe der Yahoo Query Language (YQL) dennoch zum Ziel kommen.

Yahoo! Query Language - YDN

Hier mal ein Beispiel wie Du es umsetzen könntest:

javascript:

PHP-Code:


			
$('#searchform').submit(function()

{

    var term = $('#term').val();

    mysearch(term);

    return false;

});





function  mysearch(term)

{

    var output = $('#output');

    output.html('');



    /* Die eigentliche YQL Abfrage */

    var myQuery = 'select title, content, url from google.search where q  = "' + term + '" and gl="de" and hl="de"'



    /* URL zum  Ergebnis (JSON) */

    var yql = 'http://query.yahooapis.com/v1/public/yql?q='  + encodeURIComponent(myQuery) + '&format=json&diagnostics=false&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=?';



    /* Auswertung und Ausgabe */

    $.getJSON(yql, function(results)

    {

        var resultArr = results.query.results.results;



         $.each(resultArr,  function(i, val)

        {

             output.append('<p>' + val.title + '<br />' + val.content + '<br />' + val.url + '</p>');

        });

    });

}

Live Beispiel - YQL google query - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Du müsstest Dich allerdings ein wenig mit YQL auseinandersetzen. Das hier auf die schnelle zu Erklären ist etwas schwierig.

sepp88 · #8 (**permalink**) 20.03.2010, 11:18

Danke, das schau ich mir gleich mal an.

Und mit einfachem php geht das ganze nicht? Ich habe ja im Grunde schon ein funktionierendes Beispiel, das halt derzeit mit einem meta-refresh auf google umleitet. Kann ich die aufgerufene google Seite nicht in einem DIV oder Frame laden?

hemfrie · #9 (**permalink**) 20.03.2010, 11:25

Du hast von Ajax gesprochen, deshalb hab ich dieses Ajax Beispiel gemacht.

Mit PHP kannst Du genauso auf YQL zugreifen.

Und wenn Du die komplette Google Ergebnisseite in einem Iframe ausgeben willst brauchst Du doch nur Deine erzeugte Google URL als src value angeben.

protonenbeschleuniger · #10 (**permalink**) 20.03.2010, 15:39

Zitat:

Zitat von sepp88

Und mit einfachem php geht das ganze nicht? Ich habe ja im Grunde schon ein funktionierendes Beispiel, das halt derzeit mit einem meta-refresh auf google umleitet. Kann ich die aufgerufene google Seite nicht in einem DIV oder Frame laden?

Es geht mit einem einfachen PHP und es geht in einem iframe.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite in einem DIV laden/reloaden	Schneemann	Javascript & Ajax	1	07.04.2007 19:57
PHP Skript macht meine Seite unvalide	X-TREM	Barrierefreiheit	5	20.02.2007 12:17
PHP Formular	\|SONY\|	Serveradministration und serverseitige Scripte	7	07.12.2006 19:28
flexibles Div soll Div mit fester Breite links umfliessen?	braindead	CSS	3	23.09.2006 12:58
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	thomas :D	CSS	1	31.12.2005 01:45