這篇文章為大家帶來瞭如何利用Javascript發送GET/POST請求的相關知識，僅用form提交的話，後台就需要做非常複雜的判斷，下面我們居來看一下怎樣利用JavaScript來提交，希望對大家有幫助。
如果初學Javascript，對於JQuery可能會跟我一樣完全不清楚，所以適當的普及一下JQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式碼庫（或JavaScript框架）。 JQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。
它封裝JavaScript常用的功能程式碼，提供一個簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。 JQuery的核心特性可以總結為：具有獨特的鍊式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。 jQuery相容於各種主流瀏覽器，如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等。
JQuery的官網位址，可以點選存取。根據官方給出的版本，目前最新的已經到了v3.2.1，因此建議可以考慮去官網下載最新的JQuery，以次獲得更多的特性。
JQuery很強大，但實現目前這個功能需要的只是簡單的兩個，API，完整的API說明文件可以點擊查看，此外，在runnoob.com上也有關於Javascript的學習資料。
| #參數 | 描述 |
| 必需，規定您需要請求的URL |
| 可選，回掉函數，當請求成功時運行的函數 | |
| $. post(url, data, callback) | |
| #描述 | |
| 必需，規定您需要請求的URL |
<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/button標籤或需要傳送資料的地方，增加一個onclick的屬性，例如：
... <input type="button" value="submit" onclick="doPost('/')" /> ...
另外一種方法，是建構一個form，利用form來進行提交。 使用Javascript/form提交GET/POST資料提交方式
###/*
* @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);
}以上是如何利用Javascript發送GET/POST請求？ （實例詳解）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
