C# .net Jquery ajax 简单示例

时间:2024-01-18 16:25:14

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# 后台接受