網頁開發(fā)中JavaScript傳遞參數方法比較

　　導語：在開發(fā)網頁時，前臺后臺的數據交互是常有問題，下面小編給大家提供了網頁開發(fā)中JavaScript傳遞參數方法比較，大家可以參考閱讀，更多詳情請關注應屆畢業(yè)生考試網。

　　1、通過window.location.href或者document.location.href進行傳遞，比如window.location.href="http://www.ewcar.net?name=sun&age=21";在這個例子中所攜帶的參數即為name和age，分別是sun和21，當然還可以加上錨點#，可以指定到頁面的某一個位置。

　　2、通過Ajax進行數據的傳遞，格式如下：

　　$.ajax{

　　type: "post",

　　url: "test/index",

　　dataType: json,

　　data: $("#orderForm").serialize() ,

　　success: function(d){

　　alert(d.msg);

　　}

　　error:function(d){

　　alert(d.error);

　　}

　　}

　　其中data即代表著要傳遞的數據

　　3、通過Ajax的post方法進行傳遞，格式如下：

　　$.post({

　　"url",

　　$("#orderForm").serialize(),

　　function(d){

　　alert(d.msg);

　　}

　　});

　　4、form表格中的action方法也可以傳遞數據，但是action方法相對來說傳遞的東西更為全面，可以跳到連接，也可以跳到文本、圖片、視頻等多媒體內容，action里面的鏈接和window.location攜帶參數的方法是一樣的。

【網頁開發(fā)中JavaScript傳遞參數方法比較】相關文章：

java語言參數傳遞介紹03-14

C語言函數參數傳遞問題03-22

Dreamweaver自動關閉網頁的方法03-27

CSS讓網頁設計簡單的方法12-11

移動端網頁設計方法03-14

axure生成網頁原型的方法03-03

JavaScript的應用03-30

網頁設計中色彩的運用11-17

網頁設計中的文字運用12-02