Bereitstellung von Daten für sich selbst mit Hilfe von jquery

Ich versuche, post Formular Daten an sich selbst mit Erfolg nicht.Mein code ist wie folgt

<html>
    <title>Post to self</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">

    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.x-button').live("click", function () {
                $.ajax({
                    type: "POST",
                    url: "self.php",
                    data: $(".aj").serialize(),
                    success: function (data) {
                        alert("Data Loaded:");
                    }
                });
            });
        });
    </script>
    </head>

    <body>

               <?php
              if(isset($_POST['submit']))
              {
             echo $_POST['firstname'];
              }
              ?>
            <form name="input" action="" class="aj" method="post">
                <article>
                    <label>Firstname</label>
                    <input type="text" name="firstname" value="Ed" class="x-input"
                    />
                </article>
                <article>
                    <label>Lastname</label>
                    <input type="text" name="lastname" value="Doe" class="x-input"
                    />
                </article>
                <article>
                    <label>City</label>
                    <input type="text" name="city" value="London" class="x-input"
                    />
                </article>
                <input type="submit" value="Update Options" class="x-button" />
            </form>
    </body>

</html>

Bei der Verwendung <form name="test" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post"> in plain php und html funktioniert es, aber ich kann nicht damit es funktioniert mit jquery.

Sind Sie versuchen zu buchen, kann ein AJAX-script (das würde die brauchen, um ein anderes Skript, als das generieren der Seite). Oder sind Sie einfach nur versuchen, die post das Formular?
was ist der name der Datei? ist es self.php ? und verwenden $(form).seralize()
Er kann generieren der Seite und Holen Sie sich die Gebuchten Daten aus der gleichen Datei.
Ich bin versucht zu posten, dann das Formular mit jquery bin ich der Bearbeitung der geposteten Daten, die in der gleichen php-Datei, die die jquery und die jquery.
warum verwenden Sie jquery ajax bei der Buchung auf der gleichen Seite
WordPress-options-Seite ermöglicht es und die weniger behaarten auf diese Weise.

InformationsquelleAutor Gandalf | 2012-07-25

php

Natürlich wollen Sie nicht die gesamte Seite auf den Antwort-text, so benötigen Sie eine Anweisung, wenn ajax angefordert wird

    <?php
/* AJAX check  */
if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {

  if(isset($_POST))
  {
        print_r($_POST);
  }

}else{
?>   
<html>
    <title>Post to self</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">

    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.x-button').live("click", function () {
                $.ajax({
                    type: "POST",
                    url: "self.php",
                    data: $(".aj").serialize(),
                    success: function (data) {
                        alert("Data Loaded:");
                    }
                });
            });
        });
    </script>
    </head>

    <body>
       <form name="input" action="" class="aj" method="post">
                <article>
                    <label>Firstname</label>
                    <input type="text" name="firstname" value="Ed" class="x-input"
                    />
                </article>
                <article>
                    <label>Lastname</label>
                    <input type="text" name="lastname" value="Doe" class="x-input"
                    />
                </article>
                <article>
                    <label>City</label>
                    <input type="text" name="city" value="London" class="x-input"
                    />
                </article>
                <input type="submit" value="Update Options" class="x-button" />
            </form>
    </body>

</html>
<?php }?>

in diesem Beispiel arbeiten am computer?
Ja, es funktioniert
Ich kopierte die Antwort, da ist aber das print_r($_POST); nicht zeigen alles.Könnten Sie bitte, was Sie auf einer Geige?.
Ändern $('.x-Taste").live("click", function () { mit $('.x-Taste").klicken Sie auf(Funktion(){ ändern Sie Dann die <input type="abschicken" <input type="button" Dann ändern alert("Daten werden Geladen:"); alert(Daten); so können Sie sehen, wenn die ajax erfolgreich erreichen der php
Genial,das funktioniert wirklich gut.Danke.
Anstelle der Verwendung von if...else... einfach die() am Ende der if Anweisung Inhalt.

InformationsquelleAutor Johndave Decano

mischen Sie zwei Ansatz weiter zusammen.

<form id="myform" action="" >
  .....
</form>

Senden, ajax request auf die gleiche Seite, die Sie halten können url-parameter leer/entfernt

VERSUCHEN

 <script type="text/javascript">
    $(document).ready(function () {
       $('.x-button').live("click", function () {
           $.post({
                  data: $('form#myform').serialize(),
                  success: function (data) {
                     alert("Data Loaded:");
                  }
              });
          });
        });
</script>

Ich habe diese, wie Sie vorgeschlagen jsfiddle.net/qX47K/1, aber ich kann nicht echo der gesendeten Wert erfolgreich.
sind Sie nicht immer der Wert in jsfiddle ODER auf Ihrer Seite?

InformationsquelleAutor diEcho

2

hinzufügen return false; am Ende der inline-javascript-Funktion zu vermeiden, der form vorgelegt wird, die "normale" Art und Weise

InformationsquelleAutor Andreas Linden

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.