HTML-Anker zum senden von post-Daten auf, klicken Sie auf

Ist es möglich, einen Anker-tag verhält sich wie ein .Einreichen (mit gewissen post-Merkmale?) Grund, warum ich ein Anker-tag, weil ich mag den submit-button Aussehen und wollte eine CSS-Taste.

Hier ist, was ich gerade mache (und es funktioniert nicht)

html-Datei

<div class="footer"><a href="#" id = "test_btn" class="button"><strong>Sign Up</strong></a></div>

<div class="footer"><a href="#" id = "test2_btn" class="button"><strong>Sign Up</strong></a></div>

den .js-Datei

<script type="text/javascript">

$("#test_btn").live("click",function(){
    var post_data = {'account_type':"Free"}
    return $.post("www.someplacehere.com/user_sign_up/1/", post_data);
}); 

$("#test2_btn").live("click",function(){
    var post_data = {'account_type':"Premium"}
    return $.post("www.someplacehere.com/user_sign_up/1/", post_data);
}); 
</script>

Bekomme ich eine richtige Antwort, aber es funktioniert nicht, senden Sie mir die POST-Daten-Seite leitet nur zurück an den Anfang der Seite (durch den Anker). Irgendwelche Ideen, wie man es mir direkt an der richtigen Stelle (html-Seite) mit den POST-Daten pre-gefüllt auf dieser html-Seite? Als Sie feststellen, es ist nicht einfach .submit().
Jetzt wohl gehen mit einem versteckten Feld und machen Sie dann einen .submit(), aber Frage mich, ob es ist ein einfacher Weg, um die Seite bekommen, da die POST konnte ordnungsgemäß durchgeführt werden.

Dank!

InformationsquelleAutor Tyug | 2010-11-06

html jquery

23

Jeder stop neu zu erfinden Tasten. Sie bereits existieren, und Sie kann gestaltet auch.
```
button[type=submit] {
    background-color: transparent;
    border: none;
    border-bottom: solid blue 1px;
    color: blue;
    font-weight: bold;
    padding: 0px;
    cursor: pointer;
}
```
demo würde hier: http://jsfiddle.net/MZbLW/

Sollte ich auch darauf hinweisen, dass jeder in der Welt sucht für den traditionellen Knopf am Ende des Formulars, und machen es völlig anders Aussehen vielleicht nicht die beste Idee, die aus usability-Sicht.
- Es geht nicht um die Tasten neu zu erfinden, es geht darum, mit AJAX zum senden von Daten über ein Formular. So oder so hätten Sie zum Abbrechen der Standard-Aktion.
- Absolut, das Wunder von CSS
- AJAX ist irrelevant. Es ist besser, Stil-Taste, um die Aussehen wie ein link, als es ist, implementieren Sie die Funktionalität der Schaltfläche über einen link. Wenn Ihre benutzerdefinierte styling bricht, der die zugrunde liegende Funktionalität funktioniert noch.
- Meine Stimme für Bemace. Es gibt keinen Sinn, das Rad neu erfinden möchte. Das ist etwas, was Sie tun können, einfach, indem Sie einfache html-und css-warum alles tun, die gymnastik??
- Nicht jeder in der Welt sucht für den traditionellen Knopf am Ende des Formulars, denn es ist nicht eine traditionelle form, es ist eine Wahl zwischen 2 Tasten und das ist alles, es ist die eine Seite. Es ist eine schöne Benutzeroberfläche, mit der Sie ermitteln, welcher Teil der nächste Formular bereits ausgefüllt. Allerdings machte dies den trick tun. Also danke =)!
- Ich bin damit einverstanden, dass es besser ist Stil ein button, um die Funktionalität; aber wenn Ihr die erweiterten Funktionen (AJAX) javascript benötigt, dann können Sie eine javascript-Ersatz zu bekommen, ein element, das leichter zu Stil. Ich sage nicht, dass es der beste Weg, ich sage nur dass es alternativen gibt.
- Toll und alles, aber das CSS funktioniert nicht bei IE. Wegen IE suckage es noch zeigt, wie eine Schaltfläche.
- Ich lachte hart auf IE suckage 😀
- Dies ist nicht das Rad neu erfinden möchte, es ist mehr ein ausprobieren verschiedener Varianten des Rades. Auch Sie können nicht nest Formen, in Formen, also Ankern, die in Formen, die post könnte Sinn machen, in manchen situation
InformationsquelleAutor Brad Mace
3

In der click-handler für den link, geben Sie false zurück, stoppen Sie die Standard-Aktion.

Ich würde auch nur die Nutzung der klicken Sie auf() Funktion, nicht Leben.

InformationsquelleAutor Hollister
2

Ihre click-Ereignis braucht, um entweder false zurück, oder verhindern, dass Standard.

Verwendung von AJAX ist Asynchrone so dass Sie nicht wieder den Wert haben, müssen Sie den Wert in der kompletten Rückruf.

http://api.jquery.com/jQuery.post/

InformationsquelleAutor zzzzBov
1

Sowas kommt wohl näher:
```
$(a.submitLink).click(function () {
  $.post({data: values});

  $.post({data2: values2});

  return false;
});
```
Der Schlüssel hier ist, dass die Rückgabe von false wird verhindert, dass das Standardverhalten für den link. Wenn Sie brauchen, um eine zusätzliche Verarbeitung auf der Grundlage der Ergebnisse der post, den Sie tun werden, daß innerhalb einer callback-Funktion. Es gibt keinen Grund Sie können nicht erteilen mehrere AJAX-Aufrufe innerhalb der Funktion gebunden, um Ihre Anker, aber Sie müssen sicherstellen, dass der link nicht funktioniert, da ein link als gut.

InformationsquelleAutor g.d.d.c
0

Einen schnellen Gedanken, warum nicht Sie versuchen, mit

<button type="submit" class="footer" >Anmelden</button>

anstatt

<input type=submit>

Dies gibt Ihnen die Flexibilität, das styling von deinem button welcher Weise auch immer Sie möchten und der text in so gut. Neben Ihnen haben noch zu tun, all die harte Arbeit für das erstellen von benutzerdefinierten Schaltfläche und stellen Sie es zurück.

Nur geben ihm ein Gedanke.

InformationsquelleAutor Pranav Kaushik

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.