C# .net Jquery ajax 簡單樣本

標籤：

jquery中ajax相信大家都不陌生，這裡唯寫個簡單例子示意用法，詳細後續再寫。

在html中按鈕事件中添加如下js   

var param = "data=" + escape($("#txtPageName").val()) + "&PageUrl=" + $("#txtPageUrl").val();                $.ajax({                    url: "/System/PageAdd?" + param,                    type: "post",                    dataType: "json",                    data: { PageName: escape($("#txtPageName").val()), PageUrl: $("#txtPageUrl").val(), PageParam: $("#txtPageParam").val(), Remark: $("#txtRemark").val(), IsPublic: $("#ckIsPublic").val() },                    async: false,                    cache: false,                    success: function () {                        alert("成功");                    },                    error: function (rq) {                        alert("error:" + rq.statusText + "responseText:" + rq.responseText);                    }                });

jquery-ajax

這裡參數傳遞有兩種方式，既可以包含一個查詢字串，比如 key1=value1&key2=value2 ，也可以是一個映射，比如 {key1: ‘value1‘, key2: ‘value2‘} 。

對於兩種方式後台接受只需要方法接收參數名稱一致即可。值得注意的是，沒有參數名稱相同的參數則預設為空白，只接收接受方法中有參數名的參數。

        public string PageAdd(string data)        {           //do something            return "success";        }

C# 後台接受

 

C# .net Jquery ajax 簡單樣本