2016-04-13 14 views
-2

Es ist üblich, die HTTP-Methode POST zum Senden eines Formulars zu verwenden.Wie HTTP-Methode POST verwenden, ohne URL zu ändern?

Zum Beispiel, wenn die Form Aktion "/ login",

die Anforderung an den Server senden würde, und die URL wäre wie "index/login".

Allerdings möchte ich zwei Dinge implementieren.

  1. Verwenden Sie HTTP-Methode POST ohne "Formular". Ich möchte meine eigene Nachricht senden.

  2. Und ohne die URL nach dem

Dank

AJAX zu ändern.

Update: Antwort auf DvS

Die Studien, die ich verwenden Bibliotheken wie jQuery oder AngularJS recherchiert.

Aber ich will durch reine Javascript implementieren. (Wie XMLHTTPRequest)

Und ich weiß nicht, wie „eine Form nicht“ in AJAX zu verwenden.

Vielleicht gibt es ein paar Referenzen, die ich studieren kann?

Nochmals vielen Dank.

+1

Verwenden Sie einfach POST in einem AJAX-Anruf. Ein Formular ist nicht erforderlich. Was meinst du mit "ohne die URL nach dem AJAX zu ändern"? – DvS

+0

@DvS Ich habe meine Beschreibung aktualisiert, danke. – yragggc

+0

Verwenden Sie Google, um Hunderte von Lernprogrammen zu finden, um zu erfahren, wie Sie 'XMLHTTPRequest' verwenden. Dann, wenn du nicht weiterkommst, komm zurück und stelle eine spezielle Frage und die Leute werden dir helfen. – C14L

Antwort

0

ich Antwort gefunden "Sie könnten jQuery benötigen"

var request = new XMLHttpRequest(); 
request.open('GET', '/my/url', true); 

request.onload = function() { 
    if (request.status >= 200 && request.status < 400) { 
    // Success! 
    var resp = request.responseText; 
    } else { 
    // We reached our target server, but it returned an error 

    } 
}; 

request.onerror = function() { 
    // There was a connection error of some sort 
}; 

request.send(); 

Die Server-Seite wird von Node.js implementiert und Express

var express = require('express'); 

var app = express(); 

app.use(express.static(__dirname + '/public')); 
app.post('/newindex', function(req, res){ 
    console.log("req received!"); 
    res.send('This is POST METHOD'); 
}) 

app.listen(8888); 
0

Versuchen jQuery AJAX-Aufruf

http://api.jquery.com/jquery.ajax/

$("#id_of_button_to_submit").click(function(){ 
    $.ajax({url: "/login", success: function(result){ 
      //do things with your result 
      $("#div1").html(result); 
    }}); 
}); 
+0

Gibt es irgendwelche Implementierungsweisen, die keine Bibliotheken wie jQuery verwenden? – yragggc

+0

gibt es, Sie können es nativ machen. Aber gibt es einen Grund, warum nicht? – sihao

Verwandte Themen