0

0

asp.net异步触发用法(AJAX)

怪我咯

怪我咯

发布时间:2017-03-31 13:20:35

|

1958人浏览过

|

来源于php中文网

原创

今天做项目中,由于要异步触发,就是当文本框失去焦点时到数据库去检查一次,然后就想起了三种方式。

简单介绍下它的用法:

一.ajaxpro的使用

1.在项目中添加引用,浏览找到ajaxpro.2.dll文件

2.在web.config中的system.web里面写入以下代码


 
       
     


/configuration>

3.在加载事件中,加入
 ajaxpro.utility.registertypeforajax(typeof(类名));

4.写的方法都要用
[ajaxpro.ajaxmethod]开头,然后在写方法

5.调用时必须写清楚
命名空间名.类名.方法,例:webui._default.getdata();

6.调用可分两中方法(同步调用,异步调用)

//在后台写的无参方法
[ajaxpro.ajaxmethod]
public string getstr()
{
       return  "hello my friends";
}
//在后台写的有参方法
[ajaxpro.ajaxmethod]
public string getstring(string str)
{
    return str + "say: hello my friends";
}

a.同步调用
(1).拖入html控件button
(2).双击,自动显示在.aspx的脚本中
(3).在里面写入你要输入的内容
例:
//------------------同步调用无参-----------
 function button1_onclick()
 {
        var res=webui._default.getstr();
        alert(res.value);
 }

//------------------同步调用有参------------
function button2_onclick() //textbox1为服务器控件
{
   var str=document.getelementbyid("").value;
   var res=webui._default.getstr(str);
   alert(res.value);
}

b.异步调用
(1).拖入html控件button
(2).双击,自动显示在.aspx的脚本中
(3).在里面写入你要输入的内容
例:
//-----------------异步调用无参-----------------
function button3_onclick() {
   webui._default.getstr(getstrcallback);
}
function getstrcallback(res)
{
   alert(res.value);
}
//-----------------异步调用有参-----------------
function button4_onclick() {
   var str=document.getelementbyid("").value;
   webui._default.getstring(str,getstringcallback);
}
function getstringcallback(res)
{
   alert(res.value);
}

7.调用对象

//对象
[ajaxpro.ajaxmethod]
public class getclass()
{
      class cla = new class();
      cla.c_id = 100;
      cla.c_name = "34班";
      cla.count = 20;
      return cla;
}
//------------------同步调用对象-----------
function button5_onclick() {
   var res=webui._default.getclass().value;
   alert("班级编号:"+res.c_id+"名称:"+res.c_name+"人数:"+res.count);
}
//------------------异步调用对象-----------
function button6_onclick() {
   webui._default.getclass(getclasscallback);
}
function getclasscallback(clas)
{
   var res=clas.value;
   alert("班级编号:"+res.c_id+"名称:"+res.c_name+"人数:"+res.count);
}

8.数据集的使用
//方法
       [ajaxpro.ajaxmethod]
       public dataset getinfo()
       {
           return webui.getdataset.getlist();
       }

//--------------------异步调用数据集--------------
function button8_onclick() {
   webui._default.getinfo(getdatasetcallback);
}
function getdatasetcallback(res)
{
   var dataset=res.value;
   var strhtml="";
   strhtml +='

';
   strhtml +='        ';
   strhtml +='            ';
   strhtml +='            ';
   strhtml +='            ';
   strhtml +='        ';

   for(var i=0;i    {
       strhtml +='        ';
       strhtml +='            ';
       strhtml +='            ';
       strhtml +='            ';
       strhtml +='        ';
   }
   strhtml +='    
学生编号名称年龄
'+ dataset.tables[0].rows[i].stu_id +''+ dataset.tables[0].rows[i].stu_name +''+ dataset.tables[0].rows[i].stu_age +'
';
   thedata.innerhtml=strhtml;//thedata是一个

中的thedata
}



9.验证码的使用

//----------------------验证码的使用(必须采用同步调用)----------------------

//验证码的使用
[AjaxPro.AjaxMethod]
public bool ValidCodeData(string code)
{
    return (HttpContext.Current.Session["CheckCode"].ToString()==code);
}

function Button9_onclick() {
   var code=document.getElementById("").value;
   var bool=WebUI._Default.ValidCodeData(code).value;
   if(bool==true)
   {
       alert("ok");
   }else
   {
       alert("no");
   }
}
AjaxPro.dll文件网上很多的,自己下,如果找不到呢,给我发个留言,我发你邮箱



二,直接调用:
javascript中:
function says()
   {
       alert("");
   }
   function del()
   {
        alert("");//DeleteByID(8)后台方法名
   }

三,采用ICallbackEventHandler回调

/**//*
* 对ICallbackEventHandler接口进行声明,要在客户端调用服务端代码而不回发,必须声明该接口并且实现它的两个方法:
* RaiseCallbackEvent()、GetCallbackResult()
* RaiseCallbackEvent()的参数是从前台传过来的,根据传来的参数执行不同的代码并将结果用GetCallbackResult()返回前台
*/

//必须声明System.Web.UI.ICallbackEventHandler接口
public partial class _Default : System.Web.UI.Page, System.Web.UI.ICallbackEventHandler
{
   //定义一个回调的返回值
   private string Result;
   //定义两个变量,用来接收页面传过来到操作数
   private string Num1;
   private string Num2;
   protected void Page_Load(object sender, EventArgs e)
   {

    }

   /**////
   /// 该方法是回调执行的方法,根据参数在这个方法中处理回调的内容,该方法没有返回值
   ///

   /// 此参数是从客户端传过来的
   public void RaiseCallbackEvent(string eventArgument)
   {
       //eventArgumeng 为javascript从客户端传递的参数,本例传过来三个参数用“/”分割将每个参数取出存入
     

/configuration>

3.在加载事件0
       string[] PagParams = eventArgument.Split('/');
        Num1 = PagParams[1];
        Num2 = PagParams[2];
       //根据第一个参数(所选的
     

/configuration>

3.在加载事件1),调用不同的执行
     

/configuration>

3.在加载事件2
       switch (PagParams[0])
       {
           case "0":
                Result = add(); break;
           case "1":
                Result = sub(); break;
           case "2":
                Result = multi(); break;
           case "3":
                Result = pision(); break;
        }
    }

   /**////
   /// 该方法是返回回调的结果给客户端
   ///

   ///
   public string GetCallbackResult()
   {
       return Result;
    }

   //一下四个函数是通过RaiseCallbackEvent方法,调用的回调要执行操作的函数
   private string add()
   {
       double addResult = double.Parse(Num1) + double.Parse(Num2);
       return addResult.ToString();
    }

   private string sub()
   {
       double addResult = double.Parse(Num1) - double.Parse(Num2);
       return addResult.ToString();
    }

   private string multi()
   {
       double addResult = double.Parse(Num1) * double.Parse(Num2);
       return addResult.ToString();
    }

   private string pision()
   {
       double addresult = double.Parse(Num1) / double.Parse(Num2);
       return addresult.ToString();
    }
}

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

178

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

35

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

79

2026.01.28

php怎么写接口教程
php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

2

2026.01.28

php中文乱码如何解决
php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

4

2026.01.28

Java 消息队列与异步架构实战
Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用,涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理,以及在高并发系统中的异步解耦设计。通过实战案例,帮助学习者掌握 使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

8

2026.01.28

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

24

2026.01.27

拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

122

2026.01.26

edge浏览器怎样设置主页 edge浏览器自定义设置教程
edge浏览器怎样设置主页 edge浏览器自定义设置教程

在Edge浏览器中设置主页,请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。

72

2026.01.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
ASP.NET参考手册
ASP.NET参考手册

共0课时 | 0人学习

传播智客ASP.NET中级系列视频教程
传播智客ASP.NET中级系列视频教程

共33课时 | 6.4万人学习

传播智客ASP.NET高级系列视频教程
传播智客ASP.NET高级系列视频教程

共34课时 | 6.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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