JS调用PageMethods(转)

最新推荐文章于 2022-04-26 21:27:50 发布
最新推荐文章于 2022-04-26 21:27:50 发布
阅读量104 收藏
点赞数
文章标签： xhtml javascript ui ViewUI

操作步骤：

1。新建一个WebApplication项目，取默认设置。

2。双击设计界面，进入后天代码编辑界面，代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
using System;
using System.Web.Services;
 
namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load( object sender, EventArgs e)
        {
 
        }
        [WebMethod]
        public static string TestFunc1()
        {
            return "This is the returns of behind code function one" ;
        }
        [WebMethod]
        public static string TestFunc2( string str)
        {
            return "This is the returns of behind code function two!You give me the string :" +str;
        }
    }
}

 

3。准备好PageMethods后，编辑Default.aspx文件。代码如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head runat = "server" >
    < title >JS调用后台PageMethods</ title >
    < script type = "text/javascript" language = "javascript" >
    function TheJSTestfunc1()
    {
        PageMethods.TestFunc1(onsuccess);
    }
    function TheJSTestfunc2()
    {
        var txt=document.getElementById('Text1').value;
        PageMethods.TestFunc2(txt,onsuccess);
    }
    function onsuccess(value)
    {  
    document.getElementById('divResult').innerHTML=value;
    }
    </ script >
</ head >
< body >
    < form id = "form1" runat = "server" >
    < asp:ScriptManager ID = "ScriptManager1" runat = "server" EnablePageMethods = "true" >
    </ asp:ScriptManager >
    < div >
        < input id = "Button1" type = "button" value = "button" onclick = "TheJSTestfunc1()" />
        < hr />
        < input id = "Text1" type = "text" />< input id = "Button2" type = "button" value = "button" onclick = "TheJSTestfunc2()" />
        < hr />
        The returns :< div id = "divResult" ></ div >
    </ div >
    </ form >
</ body >
</ html >

 

操作说明：

其实与我的另一篇随笔[JS调用WebService]里面提到的相似。

1.页面中需要添加ScriptManager组件，然后将它的EnablePageMethods属性设置为True。

2.编写页面方法时也要向调用WebService一样，在方法前加[WebMethod]，调用WebService与PageMethods其实是同出一辙,原理都是一样的。

asp.net动态添加js文件调用到网页的方法
01-02
本文实例讲述了asp.net动态添加js文件调用到网页的方法。分享给大家供大家参考。具体实现方法如下： HtmlGenericControl JsControl = new HtmlGenericControl(script); JsControl.Attributes.Add(type, text/javascript); JsControl.Attributes.Add(src, url); page.Header.Controls.Add(JsControl); 希望本文所述对大家的asp.net程序设计有所帮助。 您可能
ASP.Net：Js通过PageMethods调用WebMethod+多线程示例 .
04-27
当JavaScript调用这个WebMethod时，服务器会立即返回一个任务ID，而不是等待任务完成。这样，客户端可以继续执行其他操作，而不会被阻塞。 总结来说，ASP.NET中的PageMethods和WebMethod结合JavaScript，提供了前后...
JS调用PageMethods
weixin_34194379的博客
06-20 134
操作步骤： 1。新建一个WebApplication项目，取默认设置。 2。双击设计界面，进入后天代码编辑界面，代码如下：   using System; using System.Web.Services; namespace WebApplication1 { public partial class _Default : System.Web.UI.Page { protected void...
在JS中调用CS里的方法(PageMethods)
y13156556538的博客
05-20 3163
https://blog.youkuaiyun.com/zc707212993/article/details/24628831最近一直在看别人写好的一个项目的源代码，感觉好多东西都是之前没有接触过的。今天在代码中看到了一个类PageMethods,于是就在想，这个类是系统类还是自定义的呢？后面再网上百度了一下，原来PageMethods是用来在JS里调用CS里写好的方法。感觉这种方法的功能特别强调，所以在这...
javascript，pagemethods
shang674544686的专栏
07-10 698
原文地址：http://hi.baidu.com/wizardchilde/item/abc8dc11a25414e65f53b1df javascript 是使用js来控制html dom 的脚ben语言。 /*给树加载数据*/ function getTreeData(id,parentCode,procName,status,clickcallback) {     i
JS调用C# PageMethods实操：传递参数与返回值
要实现JavaScript调用C#带参数的方法，你需要在客户端编写调用函数，设置`ScriptManager`以启用PageMethods，然后在服务器端定义相应的WebMethod，确保数据传递和返回值处理。这提供了一种在Web应用中便捷地实现...
多种方式实现JS调用后台方法进行数据交互
10-26
本篇文章将探讨三种常见的JavaScript（JS）调用后台方法进行数据交互的方法，包括利用PageMethods、服务器端标签表达式以及jQuery的AJAX。 **方法一：使用PageMethods** PageMethods是ASP.NET AJAX库提供的一个...
客户端脚本调用服务端静态方法----PageMethods.doc
11-01
PageMethods是ASP.NET AJAX框架提供的一种机制，它使得客户端JavaScript能够直接调用服务端的方法而无需创建额外的WebService或WebAPI接口。这种方式简化了前端与后端之间的交互逻辑，提高了开发效率。 #### 三、...
page指令，include指令script的使用
龙神add-走向数据架构师的路
06-29 1163
Jsp基础语法 1.      Script的使用： 2.      page指令的使用 3.      包含指令的使用： 第一种Script:,可以定义局部变量，编写语句    /*    int x=10;    String info="www.mldn";   out.println("x="+x+"");    out.println("info="+info+""
pagemethods ajax,asp.net下PageMethods使用技巧
weixin_36352719的博客
08-06 213
以前一直都是用WEB Project方式开发网站，在不少地方使用PageMethods，可以说是轻车熟路了。这次想尝试下WEB Site方式，因为修改代码后不用编译，再次刷新页面就能看到效果，这点比较方便。可是我在使用PageMethods时，却遇到了麻烦。加好了ScriptManager，给静态方法加上了[WebMethod]特性，可是页面输出就是看不到ScriptManager:(　以为是.n...
PageMethods方法的一点研究
Go Forwarder
06-23 1633
PageMethods.FunctionName(Paramter1,Parameter2,...,JsFunctionName);其中，前面Paramter1,Parameter2,...,表示的是FunctionName的参数，最后一个表示的是需要使用后台返回结果的Js方法。如下：         后台方法         [System.Web.Services.WebMethod]         [System.Web.Script.Services.ScriptMethod]         p
ASP.NET在调用js方法时出现Uncaught ReferenceError:PageMethods is not defined的解决方法
事情往往烟消云散
01-23 4927
我做了一个登录界面，调用的是纯js代码，可是在js里面调用了后台的代码就是总提示：Uncaught ReferenceError:PageMethods is not defined，没办法解决，在网上怎么也找不到答案，后来终于找到了，原来要在自己的ScriptManager控件里面设置EnablePageMethods为true。
[译]用PageMethods/AJAX填充HTML表格
anbareng1613的博客
09-21 238
这篇文章展示如何用ASP.NET AJAX的PageMethods方法与HTML表格来实现增删查改。在这里HTML表格充当一个轻量性的DataGrid的功能。为了使用PageMethods方法，我们必须满足以下条件：　　1.页面中必须包含ScriptManager控件　　2.设置ScriptManager控件的EnablePageMethods属性为true　　3.页面后台代码需要引用S...
js前台与后台数据交互-前台调后台
YULAN1的专栏
01-07 4496
网站是围绕数据库来编程的，以数据库中的数据为中心，通过后台来操作这些数据，然后将数据传给前台来显示出来（当然可以将后台代码嵌入到前台）。即： 　　 　　下面就讲前台与后台进行数据交互的方法，分前台调用后台方法与变量；台调用前台js代码。本文先介绍前者，后者在后面文章中介绍。 前台调用后台方法与变量： 方法一：通过WebServ
js中offset、client、scroll、screen、page用法
CYL_2021的博客
04-26 2127
一.offset offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移），大小等 获取元素距离带有定位父元素的位置 获取元素自身的大小（宽度高度） 注意：返回值都不带单位 常用属性： 1.1 offsetX，offsetY 获取鼠标指针位置相对于触发事件的对象的 x 坐标和y坐标。offsetX （offsetY）规定了事件对象与目标节点的内填充边（padding edge）在 X （Y）轴方向上的偏移量。 2.2 offsetWidth，offsetHe
ASP.NET在js中出现Uncaught ReferenceError:PageMethods is not defined的解决方法
SunGuangHuiM的博客
01-19 561
加入 <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" EnableScriptGlobalization="true"> </asp:ScriptManager>
PageMethods介绍
weixin_33696106的博客
05-23 1566
PageMethods介绍原文地址：http://metasapiens.com/PageMethods/intro.aspx 在简单的 HTML 页面和 ASP.NET 页面中链接一个网页都非常容易。实际链接页面时, 传递正确的叁数, 并且转换这些叁数, 却是有一点不同的。 问题 让我们做一个简单的例子。你想要访问一个显示客户信息的页面。页面需要一个customer ID的参数。我们说这个...
js--page--分页--
weixin_30920853的博客
09-23 530
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值