欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery Ajax方法傳值到action的方法

 更新時間：2014年05月11日 23:55:21   作者：  
這篇文章主要介紹了Jquery Ajax方法傳值到action的方法,需要的朋友可以參考下

假設cshtml文件中是這樣的：

復制代碼 代碼如下:

<script type="text/javascript">
        $(document).ready(function(){
            $("#btn").click(function(){
             $.ajax({
                type: 'POST',
                url: "/Home/MyAjax",
                data: {
                    val1: $("#txt1").val(),
                    val2: $("#txt2").val(),
                    val3: $("#txt3").val(),
                    val4: $("#txt4").val(),
                },
                dataType: "json"
            });
            });
        }); 
</script>
<input id="btn" type="button" value="click" />
<input id="txt1" type="text" value="" />
<input id="txt2" type="text" value="" />
<input id="txt3" type="text" value="" />
<input id="txt4" type="text" value="" />

data是json數據。傳遞到的Action是/Home/MyAjax。那么在Action方法處接收的方式如下：

復制代碼 代碼如下:

public ActionResult MyAjax(string val1)        {
            string val2 = Request["val2"].ToString();
            string val3 = Request.Form["val3"].ToString();
            string val4 = Request.Params["val4"].ToString();
            return Content("ViewUserControl1");
        }

 或者接收參數為FormCollection，也有同樣的效果。

復制代碼 代碼如下:

 public ActionResult MyAjax(FormCollection f)        {
            string val2 = f["val2"].ToString();
            string val3 = f["val3"].ToString();
            string val4 = f["val4"].ToString();
            return Content("ViewUserControl1");
        }

 MVC3的強悍之處，是它是基于變量參數命名匹配的機制，就是說它盡可能的查找能夠有相同變量名字的值。對于上面的例子，我們甚至可以構造出一個class，如下：public class aclass {

復制代碼 代碼如下:

    public string val1 { set; get; }
    public string val2 { set; get; }
    public string val3 { set; get; }
    public string val4 { set; get; }
}

那么就可以設置參數類型為aclass

復制代碼 代碼如下:

    public ActionResult MyAjax(aclass f)        {
          return Content(f.val1+f.val2+f.val3+f.val4);
        }

注意，aclass類的屬性名就是json的key的名字，只要符合一致，它就能匹配，不得不說強悍。

相關文章

  • jQuery動畫效果相關方法實例分析

    jQuery動畫效果相關方法實例分析

    這篇文章主要介紹了jQuery動畫效果相關方法,結合實例形式較為詳細的分析了jQuery實現動畫效果所用到的常見方法與相關注意事項,需要的朋友可以參考下
    2015-12-12
  • jQuery操作css樣式

    jQuery操作css樣式

    本篇文章主要介紹了jQuery操作css樣式的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧
    2017-05-05
  • 使用 jQuery.ajax 上傳帶文件的表單遇到的問題

    使用 jQuery.ajax 上傳帶文件的表單遇到的問題

    使用 jQuery 上傳帶文件的表單時，會遇到一些小問題。今天小編抽時間給大家介紹使用 jQuery.ajax 上傳帶文件的表單遇到的問題，感興趣的朋友一起看看吧
    2016-10-10
  • jQuery實現數字自動增加或者減少的動畫效果示例

    jQuery實現數字自動增加或者減少的動畫效果示例

    這篇文章主要介紹了jQuery實現數字自動增加或者減少的動畫效果,涉及jQuery結合時間函數動態(tài)設置元素屬性相關操作技巧,需要的朋友可以參考下
    2018-12-12
  • Jquery實現無縫向上循環(huán)滾動列表的特效

    Jquery實現無縫向上循環(huán)滾動列表的特效

    今天小編就為大家分享一篇關于Jquery實現無縫向上循環(huán)滾動列表的特效，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
    2019-02-02
  • 用jQuery技術實現Tab頁界面之二

    用jQuery技術實現Tab頁界面之二

    這個tab頁是把數據全部取回來再顯示，所以沒有數據緩存的特點。但是因為數據全部是顯示的html代碼，所以對搜索引擎是友好的，也許對seo有好處。
    2009-09-09
  • jQuery實現遮罩層登錄對話框

    jQuery實現遮罩層登錄對話框

    用戶登錄是許多網站必備的功能。有一種方式就是不管在網站的哪個頁面，點擊登錄按鈕就會彈出一個遮罩層，顯示用戶登錄的對話框。本文將推薦一個帶二維碼的登錄彈出層，可拖動、關閉，有需要的朋友可以參考一下。
    2016-12-12
  • jQuery Validation Engine驗證控件調用外部函數驗證的方法

    jQuery Validation Engine驗證控件調用外部函數驗證的方法

    這篇文章主要介紹了jQuery Validation Engine驗證控件調用外部函數驗證的方法，需要的的朋友參考下吧
    2017-01-01
  • jQuery實現點擊旋轉，再點擊恢復初始狀態(tài)動畫效果示例

    jQuery實現點擊旋轉，再點擊恢復初始狀態(tài)動畫效果示例

    這篇文章主要介紹了jQuery實現點擊旋轉，再點擊恢復初始狀態(tài)動畫效果,結合實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下
    2018-12-12
  • jquery實現加載進度條提示效果

    jquery實現加載進度條提示效果

    這篇文章主要介紹了jquery實現加載進度條提示效果，感興趣的小伙伴們可以參考一下
    2015-11-11

最新評論