快捷導(dǎo)航

ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù)

更新時間：2017年06月17日 14:29:53 作者：Insus.NET

這篇文章主要介紹了ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù),需要的朋友可以參考下

要求是這樣子的，在一個列表頁中，用戶點擊詳細(xì)銨鈕，帶記錄的主鍵值至另一頁。
在另一外頁中，獲取記錄數(shù)據(jù)，然后顯示此記錄數(shù)據(jù)在網(wǎng)頁上。

先用動圖演示：

昨天有分享為ng-click傳遞參數(shù) 《angularjs為ng-click事件傳遞參數(shù)》http://www.cnblogs.com/insus/p/7017737.html

上面僅僅是在ng-click傳入一個值，但是在ASP.NET MVC中，還需要把這個值傳至另外一個視圖中《ASP.NET MVC傳遞參數(shù)(model)》http://www.cnblogs.com/insus/p/6148167.html

$scope.Detail = function (code) {
      var objects = {};
      objects.Key = code;
      objects.Value = "";
      objects.Controller = "Code";
      objects.Action = "ClauseDetail";
      $http({
        method: 'POST',
        url: '/Pass/Redirect',
        dataType: 'json',
        headers: {
          'Content-Type': 'application/json; charset=utf-8'
        },
        data: JSON.stringify(objects),
      }).then(
         function success(response) {
           if (response.data.Success) {            
             window.location.href = response.data.RedirectUrl;
           }
           else {
             alert(response.data.ExceptionMessage);
           }
         },
        function error(error) {
          alert(response.error.data);
        });
    };

在ASP.NET MVC的控制器的Action接收參數(shù)，獲取數(shù)據(jù)庫的數(shù)據(jù)：

public ActionResult ClauseDetail()
    {
      if (TempData["Pass"] == null)
        return RedirectToAction("Clause", "Code");
      var pass = TempData["Pass"] as Pass;
      TempData["Pass"] = pass;
      Clause c = new Models.Clause();
      c.Code = pass.Key.ToString();
      ClauseEntity ce = new ClauseEntity();
      var model = ce.ClauseByKey(c).FirstOrDefault();
      return View(model);
    }

上面從數(shù)據(jù)庫獲取數(shù)據(jù)后，給視圖一個model。下面是本篇所說的重點，怎樣把ASP.NET MVC的model傳給angularjs ng-model:

以上所述是小編給大家介紹的ASP.NET MVC中jQuery與angularjs混合應(yīng)用傳參并綁定數(shù)據(jù)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

.net數(shù)據(jù)庫連接池配置技巧（默認(rèn)值）
ado.net 本就有連接功能，所有.net開法基本不用去考慮連接問題，怪不得.net的連接池資料網(wǎng)上找不到。.net連接池只要在連接字符串里配制就可以了
2008-12-12
.NET C#使用微信公眾號登錄網(wǎng)站
這篇文章主要介紹了.NET C#使用微信公眾號登錄網(wǎng)站，教大家利用微信公眾號進行網(wǎng)站登錄，感興趣的小伙伴們可以參考一下
2016-08-08
ASP.Net緩存總結(jié)及分析分享
提高性能最好最快的辦法當(dāng)然是通過緩存來改善，對于任何一個web開發(fā)者都應(yīng)該善用緩存。Asp.net下的緩存機制十分強大，用好緩存機制可以讓我們極大的改善web應(yīng)用的性能，下面是一些總結(jié)的緩存的知識點，與大家分享交流：
2013-06-06
asp.net webform自定義分頁控件
這篇文章主要為大家詳細(xì)介紹了asp.net webform自定義分頁控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
.net實現(xiàn)網(wǎng)站用戶登錄認(rèn)證
本文給大家介紹的是.net實現(xiàn)網(wǎng)站用戶登錄認(rèn)證的方法和實例，都非常的簡單實用，需要的小伙伴可以參考下。
2015-11-11
在?Net7.0?環(huán)境下如何使用?RestSharp?發(fā)送?Http(FromBody和FromForm)請求
這篇文章主要介紹了在?Net7.0?環(huán)境下使用?RestSharp?發(fā)送?Http（FromBody和FromForm）請求,今天,我就兩個小的知識點,就是通過使用?RestSharp?訪問?WebAPI,提交?FromBody?和?FromForm?兩種方式的數(shù)據(jù),還是有些區(qū)別的,本文結(jié)合實例代碼介紹的非常詳細(xì),需要的朋友參考下吧
2023-09-09
ASP.NET Core中使用Swagger
這篇文章介紹了ASP.NET Core中使用Swagger的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-03-03
ASP.NET Core 導(dǎo)入導(dǎo)出Excel xlsx 文件實例
本篇文章主要介紹了ASP.NET Core 導(dǎo)入導(dǎo)出Excel xlsx 文件，非常具有實用價值，需要的朋友可以參考下。
2016-12-12
Request.QueryString與一般NameValueCollection的區(qū)別
最近在做一個搜索程序的優(yōu)化改進，將搜索結(jié)果按照查詢的參數(shù)不同進行緩存。緩存的Key很自然的就想到了用查詢字符串，而獲取查詢字符串的最簡單方式是通過Request.QueryString.ToString()方法
2011-12-12
Silverlight中同步調(diào)用WebClient的解決辦法，是同步！
如何建立web服務(wù)并引用的細(xì)節(jié)，不是本文的介紹的目標(biāo)，不再贅述。在silverlight調(diào)用服務(wù)器端服務(wù)的時候，默認(rèn)情況下是進行異步調(diào)用的
2011-04-04