微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

JavaScript调用后台的三种方法实例_javascript技巧

php中文网
发布： 2016-05-16 17:19:55
原创
1311人浏览过

方法一：直接使用调用

前台JS：

复制代码 代码如下:

 

后头方法：

复制代码 代码如下:

public static string BehindMethod()
        {
            return "这是一个后台的方法";
        }

方法二：用ajax调用

前台js:

复制代码 代码如下:


 


页面html:

复制代码 代码如下:


   

   

   
       JavaScript调用后台的三种方法实例_javascript技巧
      

   

   



后台方法：

复制代码 代码如下:

[System.Web.Services.WebMethod]
        public static string GetImg(string ext)
        {
            System.Threading.Thread.Sleep(5000);//为了有点等待的效果，延迟5秒
            StringComparer sc = StringComparer.OrdinalIgnoreCase;
            string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" };
            bool f = extArr.Any(s=>sc.Equals(s,ext));   //判断传入的后缀名是否存在

            if (f)
            {
                return "image/54222860.jpg";
            }
            return "image/star1.jpg";
        }

方法三：AjaxPro (也是ajax)

面试猫
面试猫

AI面试助手，在线面试神器，助你轻松拿Offer

面试猫 352
查看详情 面试猫

第一步：下载AjaxPro.dll(或者AjaxPro.2.dll),并且添加引用到项目

第二步：修改配置文件web.config 

复制代码 代码如下:



     
     
   
 

第三步：对AjaxPro在页Page_Load事件中进行运行时注册。如：

复制代码 代码如下:

        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(AjaxDemo));  //注册
        }

第四步：创建服务器方法，并且用[AjaxPro.AjaxMethod]标注

复制代码 代码如下:

        [AjaxPro.AjaxMethod]
        public string GetImgByAjaxPro()
        {
            return "image/54222860.jpg";
        }

第五步：前台JS的调用：

复制代码 代码如下:

 function GetMethodByAjaxPro() {
            var a = JustTest.AjaxDemo.GetImgByAjaxPro();//JustTest是当前的名字空间，AjaxDemo表示后台类
            document.getElementById("imgAjaxPro").src = a.value;
        }
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：自定义ExtJS控件之下拉树和下拉表格附源码_extjs 下一篇：Javascript 实现的数独解题算法网页实例_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Angular 16 路由事件类型变更与 MSAL 集成修复指南 Angular16引入了一项重大变更，Event类型联合不再默认包含RouterEvent，这可能导致在使用MSAL等库订阅路由事件时出现类型兼容性错误。本文将深入解析此问题，并提供通过从@angular/router显式导入Event类型来解决TS2769错误的具体方法，确保Angular16及更高版本中路由事件订阅的正常运行。
2025-11-26 19:22:01
780
如何使用JavaScript实现数组分页及连续索引展示 本教程详细介绍了如何利用JavaScript的Array.prototype.slice()方法实现客户端数据分页。文章将阐述如何根据当前页码和每页记录数精确截取数据子集，并提供计算逻辑，确保在页面切换时，每条记录的显示索引能够保持连续性，避免从1重新开始计数的问题，从而提升用户体验和数据展示的准确性。
2025-11-26 19:21:06
474
Gin路由处理：简化错误处理逻辑的函数适配器模式 本文探讨了在Gin框架中，如何将返回错误的业务逻辑函数直接用作路由处理器，而无需在每个路由定义中重复错误处理逻辑。通过引入一个函数适配器，我们可以将业务逻辑函数转换为符合Gin处理器签名的函数，从而实现代码的简化和错误处理的集中化，提升代码的可读性和维护性。
2025-11-26 19:20:01
427
使用Node.js和Express.js快速搭建本地API服务器教程 本文旨在指导开发者利用Node.js运行时和Express.js框架，配合Yeoman脚手架工具，快速在本地PC上搭建一个能够处理HTTP请求的API服务器。教程将详细介绍如何通过generator-express-no-stress模板初始化项目、启动服务，并探讨实现请求验证、与SQLServer交互等核心API功能。通过本文，您将掌握构建本地后端服务的实用方法，为Flutter等客户端应用提供数据支持。
2025-11-26 19:16:01
887
React中实现点击滚动到指定组件：forwardRef与Ref传递的最佳实践 本文详细介绍了在React应用中，如何通过点击导航链接实现平滑滚动到页面指定组件的功能。针对在复杂组件结构中Ref传递遇到的挑战，文章提出了利用forwardRef在子组件中接收Ref，并通过共同父组件统一管理和传递Ref的解决方案，确保滚动功能的稳定实现。
2025-11-26 19:03:01
701
Ag-Grid 在 Vue 2 和 Nuxt 2 中的集成与常见问题解决 本教程旨在解决Ag-Grid在Vue2和Nuxt2应用中集成时遇到的常见错误，特别是Modulenotfound和TypeError:ClassconstructorBaseComponentWrappercannotbeinvokedwithout‘new’。文章将详细介绍通过配置vue.config.js中的Webpack别名来正确解析Ag-Grid模块路径，确保Ag-Grid组件能够正常渲染和运行。
2025-11-26 19:01:29
590
Three.js 高性能渲染千级以上 2D 文本标签：实例与纹理图集深度教程 本文旨在解决Three.js中渲染大量2D文本标签时遇到的性能瓶颈。通过采用实例几何体（InstancedBufferGeometry）结合纹理图集（TextureAtlas）和自定义着色器（ShaderMaterial）的方法，可以显著提升渲染效率，实现千级甚至更多文本标签的流畅显示，同时保持文本的对齐和可读性。
2025-11-26 18:59:27
875
JavaScript在页面加载前动态移除HTML元素：解决DOM时序问题 本文旨在解决使用JavaScript在页面加载前移除特定HTML元素时遇到的时序问题。即使在DOMContentLoaded事件中，目标元素也可能因加载延迟而无法立即访问。我们将探讨一种健壮的解决方案，通过结合setInterval机制，确保元素在可用时被成功移除，并提供详细的代码示例和最佳实践。
2025-11-26 18:59:00
284
在Vue 3 TypeScript项目中优雅集成无类型声明的第三方库 在Vue3TypeScript项目中引入缺乏类型声明的第三方JavaScript库时，常会遇到编译错误。本文将详细介绍一种简单而有效的解决方案：通过创建或修改.d.ts声明文件，使用declaremodule语法为这些库提供基础的类型支持，从而消除TypeScript的类型检查报错，确保项目顺利编译与运行。
2025-11-26 18:47:10
567
React State管理：安全移除嵌套数组元素与useState Hook 本文深入探讨在React中使用useStateHook管理包含嵌套数组的对象状态时，如何正确移除数组中的元素以确保UI及时更新。核心在于理解React状态更新的不可变性原则，避免直接修改状态引用，而是通过创建新的数组和对象副本来触发组件重新渲染。我们将通过具体代码示例，展示从错误实践到正确、高效解决方案的转变。
2025-11-26 18:42:49
217
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部