首页 > 代码库 > C# .net Jquery ajax 简单示例

C# .net Jquery ajax 简单示例

jquery中ajax相信大家都不陌生,这里只写个简单例子示意用法,详细后续再写。

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

技术分享
var param = "data="http://www.mamicode.com/+ 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 简单示例