HTML页面如何调用后台方法

时间:2021-12-20 00:28:11
新建项目,有一个html页,一个cs如何HTML页调用cs中的方法?

10 个解决方案

#1


前台是不能直接调用后台方法的

#2


通过ajax调用

吧你的需要调用的方法添加【webMethod】atturbute属性,然后页面/方法 就可以调用了

建议你先学习下ajax

#3


可以参考这个例子:html前台javascript调用页面后台CS的GetPhone方法

html页面的javascript语句


<script type="text/javascript">
         
         var phone='<%=GetPhone() %>';
         jQuery('.labFrame').attr('src',"ABC.aspx?Phone="+phone);
</script>




页面后台CS:



public string GetPhone()
        {
            string phone = Request.QueryString["str7"];
            if (phone == null)
            {
                phone = "";
            }
            return phone;
        }

#4


js:
__doPostBack(ID,参数);

#5


引用 2 楼 lvfeng1989 的回复:
通过ajax调用

吧你的需要调用的方法添加【webMethod】atturbute属性,然后页面/方法 就可以调用了

建议你先学习下ajax

可以写个例子么,需要调用后台代码,并获取返回值

#6


cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });

#7


引用 6 楼 lvfeng1989 的回复:
cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法

#8


引用 7 楼 u014065307 的回复:
Quote: 引用 6 楼 lvfeng1989 的回复:

cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法



可以,但是劝你还是先看看书,把基本的先学会。

#9


引用 7 楼 u014065307 的回复:
Quote: 引用 6 楼 lvfeng1989 的回复:

cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法


一般应用处理文件

#10


<script>alert("close me!")</script>

#1


前台是不能直接调用后台方法的

#2


通过ajax调用

吧你的需要调用的方法添加【webMethod】atturbute属性,然后页面/方法 就可以调用了

建议你先学习下ajax

#3


可以参考这个例子:html前台javascript调用页面后台CS的GetPhone方法

html页面的javascript语句


<script type="text/javascript">
         
         var phone='<%=GetPhone() %>';
         jQuery('.labFrame').attr('src',"ABC.aspx?Phone="+phone);
</script>




页面后台CS:



public string GetPhone()
        {
            string phone = Request.QueryString["str7"];
            if (phone == null)
            {
                phone = "";
            }
            return phone;
        }

#4


js:
__doPostBack(ID,参数);

#5


引用 2 楼 lvfeng1989 的回复:
通过ajax调用

吧你的需要调用的方法添加【webMethod】atturbute属性,然后页面/方法 就可以调用了

建议你先学习下ajax

可以写个例子么,需要调用后台代码,并获取返回值

#6


cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });

#7


引用 6 楼 lvfeng1989 的回复:
cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法

#8


引用 7 楼 u014065307 的回复:
Quote: 引用 6 楼 lvfeng1989 的回复:

cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法



可以,但是劝你还是先看看书,把基本的先学会。

#9


引用 7 楼 u014065307 的回复:
Quote: 引用 6 楼 lvfeng1989 的回复:

cs方法
  [WebMethod]
        public static string HelloWord(string username, string password)
        {
            if (username == "admin" && password == "123")
            {
                return "Hello word!";
            }
            else
            {
                return "error!";
            }
        }

html代码
 function dclick() {
            var username = $("#1").val();
            var password=$("#2").val();
            $.ajax({
                type: 'post',
                contentType: 'application/json',
                url: 'WebForm1.aspx/HelloWord',
                data:"{username:'"+username+"',password:'"+password+"'}",
                dataType: 'json',
                success: function (result) {
                    alert(result.d);
                }
        });


我如果直接调.cs里的方法可以么?不是调aspx.cs的方法


一般应用处理文件

#10


<script>alert("close me!")</script>