Kiến thức

Tìm kiếm
Hỗ trợ trực tuyến
Hỗ trợ trực tuyến - toankhoa1008
Mr.Khoa - 0909 017 015
Khuyến mãi
Khuyến mãi
Đối tác
Kiến thức thiết kế
Gọi hàm từ server side bằng javascript trong asp,net
4/28/2012 9:29:43 AM
Gọi một hàm từ server side bằng javascript là một câu hỏi được rất nhiều bạn hỏi WEBXAULA với nhiều lý do muốn truy xuất dữ liệu, gọi session hay gọi một hàm đơn giản từ server side bằng javascript nhằm tránh load lại trang.
Gọi hàm từ server side bằng javascript trong asp,net

WEBXAULA sẽ giới thiệu với các bạn cách sử dụng jquery để gọi hàm từ server side.  Ở đây tôi có một form gồm tên người dùng, email, mật khẩu và confirm mật khẩu, tôi sẽ lấy thông tin người dùng nhập và hiện lên form.

 

Các bạn chuẩn bị giao diện như sau: 

 

<div>
        <table border="0">
            <tr>
                <td>Username</td>
                <td><asp:TextBox ID="txtUsername" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td> Email</td>
                <td><asp:TextBox ID="txtEmail" runat="server"></asp:TextBox></td>
            </tr>
            <tr>
                <td>Password</td>
                <td><asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox></td>
            </tr>
            <tr>
                <td>Confirm</td>
                <td><asp:TextBox ID="txtConfirm" runat="server" TextMode="Password"></asp:TextBox></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="button" id="btnRegister" value="Submit" /></td>
            </tr>
        </table>
    </div>
    <div id="result" style="color:Red"></div>
 
Sau đó bạn add một webservice đặt tên là test và viết một hàm như sau:
 
[WebMethod]
    public string TestThu(string username, string email, string password, string confirm)
    {
       
            return "<b>Dữ liệu trả về</b> <br> Username : " + username + "<br>Email : " + email + "<br/>Mật khẩu: " + password;
           
    }
 
Bạn lưu ý dòng sau không được comment thì webservice mới có thể gọi được từ javascript:
 
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
 [System.Web.Script.Services.ScriptService]
 
Quay lại code html, bạn gọi Jquery:
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 
Sau đó bạn viết hàm javascript như sau:
 
<script type="text/javascript">
       $(document).ready(function () {
           // Add the page method call as an onclick handler for the div.
           $("#btnRegister").click(function () {
               var username = $("#txtUsername").val();
               var email = $("#txtEmail").val();
               var password = $("#txtPassword").val();
               var confirm = $("#txtConfirm").val();
 
               $.ajax({
                   type: "POST",
                   url: "test.asmx/TestThu",
                   data: "{username: " + username + ",email: " + email + ",password: " + password + ",confirm: " + confirm + "}",
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   success: function (msg) {
                       // Replace the divs content with the page methods return.
                       $("#result").html(msg.d);
                   }
               });
           });
       });
    </script>  

Cám ơn các bạn đã đọc bài viết này. Nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks ^o^

Bài viết liên quan


4/22/2012 2:11:39 PM
Một trong những bước quan trọng khi tiến hành tối ưu hoá website là sử dụng URL thân thiện với google. Trong bài viết này WEBXAULA sẽ giới t [....]
4/20/2012 11:49:27 AM
Trong các website thường có phần liên hệ để người dùng liên hệ với quản lý website đó. Trong bài viết này, WEBXAULA làm form liên hệ như WEB [....]
4/20/2012 11:17:54 AM
Khi xây dựng một website, nhiều khi bạn phải thực hiện lồng các control để hiển thị dữ liệu, vd như hiển thị các bài viết theo đúng danh mục [....]
4/17/2012 4:45:36 PM
reCaptcha là 1 dịch vụ giúp chúng ta có thể chống lại bot, và những submit không phải do con người (do engine). Bài viết này sẻ hướng dẫn cá [....]
4/17/2012 4:38:54 PM
Bạn nhận một đơn đặt hàng thiết kế website yêu cầu có một đồng hồ thời gian đếm ngược (VD: đấu giá, thời gian khuyến mãi, v.v...) nhưng làm [....]
4/17/2012 4:29:58 PM
Có khá nhiều cách để export dữ liệu ra file excel. WEBXAULA sẽ đơn cử một phương pháp khá đơn giản (không cần phải chèn thêm thư viện bên ng [....]
3/6/2012 6:34:18 PM
Không có một bí quyết nào về việc đẩy mạnh doanh số bán hàng qua Internet. Bạn thu hút sự chú ý của đông đảo mọi người và gia tăng các khách [....]
1 2
Doanh Nghiệp Tư Nhân TM DV TAHI TAKA
Văn phòng: G7, ấp Mỹ Hoà 2, xã Xuân Thới Đông, huyện Hóc Môn, TPHCM
Điện thoại: (84-8) 6250 1751 - 0909.017.015
Email: contact@webxaula.com - ktwebpro@gmail.com
Website: www.webxaula.com