วันจันทร์ที่ 28 กันยายน พ.ศ. 2563

javascript ใน ASPX call และ ส่ง Data Method ใน c#

 ASP เป็น ระบบโปรแกรมที่ใช้ทำ Web ของ Microsoft IIS สามารถทำงาน เชื่อมกับ Javascript ได้

โดยใช้ 

[WebMethod] ก้บ asp:ScriptManager

ตัวอย่างจะมี Button ทั้ง 2 ชนิด เป็น Asp:Button และ html button

code ใน Client Front

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">  

    <title></title>  

    <script type="text/javascript">  

        function SendToback() {  

           var name = document.getElementById('<%=txtname.ClientID %>').value;  

            var testStr = "client";

  

            PageMethods.doBackEnd(name, testStr, onSucess, onError);

           function onSucess(result) {  

                alert(result);  

            }  

  

            function onError(result) {  

                alert('Something wrong.');  

            }  

        }  

   </script>  

</head>  

<body>



    <form id="form1" runat="server">

   <div>  

    <p>Javascript send to Postbacks.</p>  

  

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>  

  

    <asp:TextBox ID="txtname" runat="server"></asp:TextBox>  

    <br />  

   

    <asp:Button ID="btnCreateAccount" runat="server" Text="Asp" OnClientClick="SendToback(); return false;" />  

     

    </form> 

     <input id="Button1" type="button" value="html" onclick="SendToback();" /></div>  

</body>

</html>



สำหรับ back ใน c#


using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.UI;

using System.Web.UI.WebControls;


public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {


    }

    [WebMethod]

    public static string doBackEnd(string name, string text)

    {

        string result = "Receive " + name + ". text = '" + text + "'.";

        return result;

    }

}

ไม่มีความคิดเห็น:

แสดงความคิดเห็น