JS中傳遞參數的幾種不同方法比較

本篇文章主要介紹了JS中傳遞參數的幾種不同方法。具有一定的參考價值，下面跟著小編一起來看下吧

在進行網頁開發時，與前台與後台數據進行交互是一個無法避免的問題，不同的業務需求有著不同的傳遞方式，下面是我在開發過程中用過的幾種傳遞方式，寫出來與大家分享一下，由於經驗不足，出現錯誤的地方歡迎大家指正。

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);
    }
  });

理論上這也是屬於Ajax方法，不過這個方法相對來說簡單一點。

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

以上就是我用過的傳參方法，如果以後遇到新的方法再來更新。

更多JS中傳遞參數的幾種不同方法比較相關文章請關注PHP中文網！