jQuery Aktualisieren eines Div mit einem PHP-Skript

Question

Ich habe absolut keine Ahnung, wie dies zu tun, so dass ich werde nur voran gehen und fragen.

Was ich tun möchte, ist, den Inhalt eines div mit einem PHP-Skript aktualisieren ich in einer externen Datei, genannt send.php.

So habe ich ein div wie folgt aus:

<div class="classname">

</div>

Und ich mag diese send.php Dateidaten schreiben, und dann diese div aktualisiert mit dem, was das Ergebnis des PHP-Skript ist. Kann dies geschehen?

Answer 1

Für einfache Ajax-Aufrufe, ziehe ich normalerweise mit $ .load als ihre Grammatik extrem ist prägnant. Übergabe von Parametern als ein Objekt (Schlüssel / Wert-Paare) bewirkt, dass es eine POST-Anforderung verwenden:

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

Wenn Sie es nicht brauchen eine POST zu sein, können Sie einfach Ihre Parameter als Query-String hinzufügen:

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

Answer 2

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

Einige Dokumentation zu lesen:

1. http://docs.jquery.com/Ajax/jQuery.post

   • http://docs.jquery.com/Ajax/load

Answer 3

Auf jeden Fall! Schauen Sie sich auf dieser Post für Anweisungen, wie jQuery-Ajax-Funktionalität zu nutzen. Sie werden dann rufen Sie gehen zu wollen,

$.(".classname").append("Whatever results you get");

das div zu füllen.

Viel Glück!