這篇文章主要為大家展示了“怎么利用Javascript發(fā)送GET/POST請求”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“怎么利用Javascript發(fā)送GET/POST請求”這篇文章吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了孝南免費建站歡迎大家使用！

基于JQuery的GET/POST數(shù)據(jù)提交方式

如果初學(xué)Javascript，對于JQuery可能會跟我一樣完全不清楚，所以適當(dāng)?shù)钠占耙幌翵Query是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。JQuery設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。

它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。JQuery的核心特性可以總結(jié)為：具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

JQuery的官網(wǎng)地址，可以點擊訪問。根據(jù)官方給出的版本，目前最新的已經(jīng)到了v3.2.1，因此建議可以考慮去官網(wǎng)下載最新的JQuery，以次獲得更多的特性。

JQuery很強(qiáng)大，但實現(xiàn)當(dāng)前這個功能需要的僅僅是簡單的兩個，API，完整的API說明文檔可以點擊查看，此外，在runnoob.com上也有關(guān)于Javascript的學(xué)習(xí)資料。

$.get(url, data, callback)

$.post(url, data, callback)

使用方法是這樣的，首先，在需要調(diào)用JQuery的頁面里，用script標(biāo)簽導(dǎo)入Jquery文件，例如：

然后，網(wǎng)頁空白的地方，申明你的方法以及需要傳遞的參數(shù)，你可以這樣做：

接著，在你的input/button標(biāo)簽或者需要發(fā)送數(shù)據(jù)的地方，增加一個onclick的屬性，例如：

	...
	
	...

這樣就可以使用JQuery發(fā)送數(shù)據(jù)了。

另外一種方法，是構(gòu)造一個form，利用form來進(jìn)行提交。

使用Javascript/form提交GET/POST數(shù)據(jù)提交方式

/*
* @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);
}

調(diào)用方法很簡單，把這個代碼塊copy到你自己的HTML文檔里的script標(biāo)簽內(nèi)，然后就可以直接用了，選擇GET/POST方法根據(jù)你自己的需要就行。

以上是“怎么利用Javascript發(fā)送GET/POST請求”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！