JS调用PageMethods

最新推荐文章于 2024-02-21 11:15:28 发布
最新推荐文章于 2024-02-21 11:15:28 发布
阅读量690 收藏
点赞数
分类专栏： .Net

操作步骤：

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 >

操作说明：

 

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

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

 

pnf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.Net：Js通过PageMethods调用WebMethod+多线程示例 .
04-27
当JavaScript调用这个WebMethod时，服务器会立即返回一个任务ID，而不是等待任务完成。这样，客户端可以继续执行其他操作，而不会被阻塞。 总结来说，ASP.NET中的PageMethods和WebMethod结合JavaScript，提供了前后...
page指令，include指令script的使用
龙神add-走向数据架构师的路
06-29 1067
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 141
以前一直都是用WEB Project方式开发网站，在不少地方使用PageMethods，可以说是轻车熟路了。这次想尝试下WEB Site方式，因为修改代码后不用编译，再次刷新页面就能看到效果，这点比较方便。可是我在使用PageMethods时，却遇到了麻烦。加好了ScriptManager，给静态方法加上了[WebMethod]特性，可是页面输出就是看不到ScriptManager:(　以为是.n...
ASP.NET在调用js方法时出现Uncaught ReferenceError:PageMethods is not defined的解决方法
事情往往烟消云散
01-23 4851
我做了一个登录界面，调用的是纯js代码，可是在js里面调用了后台的代码就是总提示：Uncaught ReferenceError:PageMethods is not defined，没办法解决，在网上怎么也找不到答案，后来终于找到了，原来要在自己的ScriptManager控件里面设置EnablePageMethods为true。
PageMethods方法的一点研究
Go Forwarder
06-23 1572
PageMethods.FunctionName(Paramter1,Parameter2,...,JsFunctionName);其中，前面Paramter1,Parameter2,...,表示的是FunctionName的参数，最后一个表示的是需要使用后台返回结果的Js方法。如下：         后台方法         [System.Web.Services.WebMethod]         [System.Web.Script.Services.ScriptMethod]         p
多种方式实现JS调用后台方法进行数据交互
10-26
本篇文章将探讨三种常见的JavaScript（JS）调用后台方法进行数据交互的方法，包括利用PageMethods、服务器端标签表达式以及jQuery的AJAX。 **方法一：使用PageMethods** PageMethods是ASP.NET AJAX库提供的一个...
asp.net动态添加js文件调用到网页的方法
01-02
本文实例讲述了asp.net动态添加js文件调用到网页的方法。分享给大家供大家参考。具体实现方法如下： HtmlGenericControl JsControl = new HtmlGenericControl(script); JsControl.Attributes.Add(type, text/...
PageMethods Demo
01-07
2. **定义PageMethod**：在服务器端的C#代码中，你需要在Page类中定义一个静态公共方法，这个方法将被客户端JavaScript调用。例如，一个无参数的方法可能如下所示： ```csharp [WebMethod] public static string ...
.net js调用cs带参数代码
05-05
通过上述步骤，我们可以在.NET环境中成功地实现JavaScript调用C#带参数的方法，并处理返回值。这种前后端的交互机制对于构建功能丰富、响应迅速的Web应用程序至关重要。开发者可以根据实际需求调整参数类型和业务...
js中offset、client、scroll、screen、page用法
CYL_2021的博客
04-26 1703
一.offset offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移），大小等 获取元素距离带有定位父元素的位置 获取元素自身的大小（宽度高度） 注意：返回值都不带单位 常用属性： 1.1 offsetX，offsetY 获取鼠标指针位置相对于触发事件的对象的 x 坐标和y坐标。offsetX （offsetY）规定了事件对象与目标节点的内填充边（padding edge）在 X （Y）轴方向上的偏移量。 2.2 offsetWidth，offsetHe
【Vue+JS】Vue中script中js代码调用methods中函数
SZnAl的博客
09-06 398
Vue中script中js代码调用methods中函数。
js前台与后台数据交互-前台调后台
YULAN1的专栏
01-07 4364
网站是围绕数据库来编程的，以数据库中的数据为中心，通过后台来操作这些数据，然后将数据传给前台来显示出来（当然可以将后台代码嵌入到前台）。即： 　　 　　下面就讲前台与后台进行数据交互的方法，分前台调用后台方法与变量；台调用前台js代码。本文先介绍前者，后者在后面文章中介绍。 前台调用后台方法与变量： 方法一：通过WebServ
[译]用PageMethods/AJAX填充HTML表格
anbareng1613的博客
09-21 173
这篇文章展示如何用ASP.NET AJAX的PageMethods方法与HTML表格来实现增删查改。在这里HTML表格充当一个轻量性的DataGrid的功能。为了使用PageMethods方法，我们必须满足以下条件：　　1.页面中必须包含ScriptManager控件　　2.设置ScriptManager控件的EnablePageMethods属性为true　　3.页面后台代码需要引用S...
ASP.NET在js中出现Uncaught ReferenceError:PageMethods is not defined的解决方法
SunGuangHuiM的博客
01-19 443
加入 <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" EnableScriptGlobalization="true"> </asp:ScriptManager>
JS分页Page实现代码节选
最新发布
tyzhsj的博客
02-21 1050
JS分页Page对象代码部分
PageMethods介绍
weixin_33696106的博客
05-23 1513
PageMethods介绍原文地址：http://metasapiens.com/PageMethods/intro.aspx 在简单的 HTML 页面和 ASP.NET 页面中链接一个网页都非常容易。实际链接页面时, 传递正确的叁数, 并且转换这些叁数, 却是有一点不同的。 问题 让我们做一个简单的例子。你想要访问一个显示客户信息的页面。页面需要一个customer ID的参数。我们说这个...
jsPage
wu_zhq的专栏
09-09 405
//container 容器，count 总页数 pageindex 当前页数 function setPage(container, count, pageindex, positionFlg,search) { var container = container; var count = count; var pageindex = parseInt(pageindex); var
jsp中page指令常用属性
热门推荐
孤云博客
08-30 1万+
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666) 1、language属性 设置jsp页面使用的语言，目前只支持java，默认值为java <%@ page language="java" %> 2、extends属性 设置js...
ASP.NET开发技术精华整理
19. JavaScript与C#交互：ASP.NET允许在客户端JavaScript和服务器端C#之间通信，例如使用WebMethod或PageMethods。 20. GridView操作：GridView是一种常用的数据显示控件，可以用于显示和编辑数据。 21. URL映射：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值