您的位置:首页 > Web前端 > JQuery

JQuery ($.get()) 前台传值到后台并调用后台方法

2012-01-16 17:04 423 查看
前台JavaScript

<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

function TT()

{

var txtpost=document.getElementById("Text1").value;

$.get("Default.aspx", { Action:"action", name: "John", time: "2pm" },

function(data){ //此处是回调函数 接收从后台传回的值

alert(data); //接回来的值是一串字符串

});

}

</script>

C# 后台方法

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

ajax();

}

}

private void ajax()

{

string action = Request["Action"]; //最得前台的JS的第一个参数

if (!string.IsNullOrEmpty(action) && action == "action") //判断是否通过前台的点击事件进来的

{

Response.Write("你从前台JS里传入的是:" + Request["name"].ToString() + "和" + Request["time"].ToString());

Response.End();

}

}

补充啊:以下2句是相等的

1、

$.get("Handler.ashx", { "name": "haha", "id": 321 }, function (data) { alert(data); })

2、

$.ajax({
url: "Handler.ashx",
data: { "name": "haha", "id": 321 },
success: (function (data) {
alert(data);
})
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: