jQuery update ein Div mit einem PHP-Skript

Habe ich absolut keine Idee, wie dies zu tun, also ich bin nur gonna gehen Sie vor und stellen.

Was ich will zu tun ist, aktualisieren Sie den Inhalt von einem div-Tag mit einem PHP-Skript habe ich in eine externe Datei namens send.php.

Also ich habe ein div wie diese:

<div class="classname">

</div>

Und ich möchte, um post-Daten zu diesem send.php Datei, und aktualisieren Sie dann das div mit dem, was das Ergebnis des PHP-scripts ist. Kann das getan werden?

InformationsquelleAutor Johnny | 2009-09-10

  1. 5

    Für einfache ajax-Aufrufe, die ich normalerweise lieber mit $.laden wie seine Grammatik ist äußerst prägnant. Parameterübergabe als Objekt (Schlüssel/Wert-Paare) führen, verwenden Sie eine POST-Anforderung:

    <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 brauchen es nicht zu sein, eine POST, können Sie einfach fügen Sie Ihre Parameter als query-string:

    $('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);
    oh, duh! Vielen Dank, ich fühle mich dumm für nicht an Sie denken! 😀

    InformationsquelleAutor karim79

  2. 0
    <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

    InformationsquelleAutor marcgg

  3. 0

    Absolut! Werfen Sie einen Blick auf diese post für Anweisungen zum verwenden von jQuery-ajax-Funktionen. Dann sind Sie gehen zu wollen, zu nennen 

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

    Füllen die div.

    Glück!

    InformationsquelleAutor Chris Thompson

Schreibe einen Kommentar