Dieser Artikel vermittelt Ihnen relevantes Wissen über die Verwendung von Javascript zum Senden von GET/POST-Anfragen. Wenn Sie nur die Formularübermittlung verwenden, müssen wir einen Blick darauf werfen, wie Sie JavaScript zum Senden verwenden wird Ihnen hilfreich sein.

JQuery-basierte GET/POST-Datenübermittlungsmethode

Wenn Sie mit Javascript noch nicht vertraut sind, sind Sie möglicherweise wie ich mit JQuery nicht vertraut, daher sollten Sie es entsprechend bekannt machen Das ist der Nachfolger von JavaScript. Eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework) nach Prototype. Der Entwurfszweck von JQuery besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun.

Es kapselt häufig verwendete Funktionscodes in JavaScript, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion. Die Kernfunktionen von JQuery lassen sich wie folgt zusammenfassen: Es verfügt über eine einzigartige Kettensyntax und eine kurze und übersichtliche Multifunktionsschnittstelle. Es verfügt über einen effizienten und flexiblen CSS-Selektor und verfügt über ein praktisches Plug-In Erweiterungsmechanismus und umfangreiche Plug-Ins. jQuery ist mit verschiedenen gängigen Browsern kompatibel, z. B. IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ usw.

Die offizielle Website-Adresse von JQuery können Sie hier anklicken. Laut der offiziellen Version hat die neueste Version Version 3.2.1 erreicht. Daher wird empfohlen, die neueste JQuery von der offiziellen Website herunterzuladen, um weitere Funktionen zu erhalten.

JQuery ist sehr leistungsfähig, aber zur Implementierung der aktuellen Funktion sind lediglich zwei einfache APIs erforderlich. Sie können auf klicken, um die vollständige API-Dokumentation anzuzeigen. Darüber hinaus gibt es auf runnoob.com auch Lernmaterialien.

$ .get (URL, Daten, Rückruf). mit der Anfrage Die Daten werden an den Server gesendet, das Format ist JSON

Optional, gibt die Daten an, die zusammen mit der Anfrage an den Server gesendet werden sollen, das Format ist json

	<script src="static/js/jquery-3.2.1.min.js"></script>

	<script>
		function doPost(url)
		{
			var val1 = document.getElementsByName("key1").value;
			var val2 = document.getElementsByName("key2").value;

			$.post(url, {'key1':val1, 'key2':val2});
		}
	</script>

	...
	<input type="button" value="submit" onclick="doPost(&#39;/&#39;)" />
	...

/*
* @url: url link
* @action: "get", "post"
* @json: {'key1':'value2', 'key2':'value2'} 
*/
function doFormRequest(url, action, json)
{
    var form = document.createElement("form");
    form.action = url;
    form.method = action;

    // append input attribute and valus
    for (var key in json)
    {
        if (json.hasOwnProperty(key))
        {
            var val = json[key];
            input = document.createElement("input");
            input.type = "hidden";
            input.name = key;
            input.value = val;

            // append key-value to form
            form.appendChild(input)
        }
    }

    // send post request
    document.body.appendChild(form);
    form.submit();

    // remove form from document
    document.body.removeChild(form);
}

Das obige ist der detaillierte Inhalt vonWie sende ich eine GET/POST-Anfrage mit Javascript? (ausführliche Beispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!