Home »

Gọi pagemethod sử dụng jquery trong asp.net

2 thg 9, 2013

Để gọi Page Method trong asp.net chúng ta có thể dùng ScriptManager với EnablePageMethods được bật, nếu như chúng ta không có ý định sử dụng ScriptManager, trong khi Jquery đã được included, thì sau đây là cách.


Tạo 1 trang web sau đó tạo GetDate method có dạng như sau:
 
using System;
using System.Web.Services;
public partial class _Default : System.Web.UI.Page 
{
    [WebMethod]
    public static string GetDate()
    {
        return DateTime.Now.ToString();
    }
}

Sau đó add jquery vào page:
?
source code
1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
Add html button vào page:

<input id="btnGet" type="button" value="Get Server Time" />
add div tag với id=”dateTime” để hold dateTime trả về từ Server
<div id="dateTime"></div>
Binding sự kiện click cho button btnGet
<script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $("#btnGet").click(function() {
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/GetDate",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(response) {
                        $("#dateTime").text(response.d);
                    },
                    error: function(xhr, ajaxOptions, thrownError) {
                        result = false;
                        var message = errorMessage;
                        alert(message);
                    }
                });
            });
        });
    </script>

Run page lên và test kết quả
Tags:

Comments[ 0 ]


Đăng nhận xét