JQuery ($.get()) 前台傳值到后台並調用后台方法

 

 

前台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);
})
});