Suchen
Inside Forum
Nützliche Links
phpforum.de Tipp
 
phpforum.de bei Facebook
 
phpforum.de bei Twitter
 

Zurück   PHP Forum: phpforum.de > andere (Programmier-)Sprachen > JavaScript

JavaScript Alles rund um JavaScript, Ajax und die diversen JS-Frameworks.

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 25.03.2010, 19:05
deMischa13 deMischa13 ist offline
Besucher
 
Registriert seit: 31.07.2008
Beiträge: 34
Standard Ajax Resonse mit jQuery

Hallo Experten

Ich bastele an folgender Situation:

Ich habe eine Seite auf der Personen aus einer MySQL Datenbank abgerufen werden. Mit einem Button "Neu" wird per jQuery eine thickbox aufgerufen. In dieser befindet sich das Formular, mit dem man eine neue Person hinzufügen kann. Das passiert per Ajax und funktioniert einwandfrei. Ich habe auch den Befehl, die Thickbox zu schließen und kann in der Tabellenseite eine Meldung einblenden, dass der Vorgang erfolgreich war.

Jetzt würde ich aber auch gerne diese Liste asynchron aktualisieren.
Und da habe ich keine Ahnung wie das funktioniert.

Hier mal der Inhalt der thickbox:

PHP Quellcode:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
  $("form#submit").submit(function() {
  // we want to store the values from the form input box, then send via ajax below
  var fname     = $('#fname').attr('value');
  var lname     = $('#lname').attr('value');
    $.ajax({
      type: "POST",
      url: "ajax.php",
      data: "fname="+ fname +"&amp; lname="+ lname,
      success: function(){
        $('form#submit').hide(function(){$('div.success').fadeIn();});
        tb_remove();
      }
    });
  return false;
  });
});

</script>
</head>

<body>
<div class="container">
<form id="submit" method="post">
    <fieldset>
      <legend>Enter Information</legend>
      <label for="fname">Client First Name:</label><input id="fname" class="text" name="fname" size="20" type="text"><br>

      <label for="lname">Client Last Name:</label><input id="lname" class="text" name="lname" size="20" type="text"><br>

      <button class="button positive"> <img src="../images/icons/tick.png" alt=""> Add Client </button>
    </fieldset>
  </form>

</div>
</body>
</html>


Wie schon gesagt, bei SUCCESS wird ein success-div eingeblendet und mit der Funktion tb_remove(); die thickbox geschlossen. Nur wie kann ich jetzt in der Originalseite einen erneuten DB-Abruf und eine Aktualisierung der Tabelle bewirken?

Ich bin für jeden Tipp sehr dankbar.
Grüße, deMischa
Mit Zitat antworten
  #2  
Alt 26.03.2010, 13:16
deMischa13 deMischa13 ist offline
Besucher
 
Registriert seit: 31.07.2008
Beiträge: 34
Standard AW: Ajax Resonse mit jQuery

Hat sich erledigt, Thread kann geschlossen werden.
Mit Zitat antworten
  #3  
Alt 08.05.2010, 21:12
pc-freak pc-freak ist offline
Engagierter Besucher
 
Registriert seit: 01.01.2007
Ort: Schweiz
Beiträge: 512
Standard AW: Ajax Resonse mit jQuery

Wie hast du es gelöst? Lädst du die gesammte Tabelle neu oder nur den hinzugefügten Eintrag?
Mit Zitat antworten


Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu
Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JQUERY - AJAX-Request absenden Playa187 JavaScript 2 25.03.2010 08:58
Problem mit Ajax-Upload und JQuery bianca81 JavaScript 1 11.01.2010 13:39
Probleme bei AJAX Messenger mit Jquery sdreibi JavaScript 1 10.01.2010 20:24
jQuery Ajax Request vs. Lightbox Babelduo JavaScript 2 15.10.2008 14:24
AJAX mit JQuery, kein Callback-Aufruf trotz Response gerritlober JavaScript 0 27.04.2008 13:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:29 Uhr.


Powered by vBulletin® Version 3.8.8 (Deutsch)
Copyright ©2000 - 2016, Jelsoft Enterprises Ltd.
Powered by NuWiki v1.3 RC1 Copyright ©2006-2007, NuHit, LLC