Asp.net--Ajax前后台数据交互

时间：2021-05-29 08:55:49

转自:http://www.cnblogs.com/guolebin7/archive/2011/02/22/1961737.html

代码由前后台两部分组成：

前台：（新建一个Default.aspx）

Asp.net--Ajax前后台数据交互
<head runat="server">
    <title>Ajax,I am coming</title>

    <style type = "text/css">
    *{ font-family:Tahoma, Arial, Sans-Serif;}
    #helloTitle{ color:#48f; font-size:1.5em;}
    </style>

    <script type = "text/javascript" src = "prototype.js">/*需加入prototype类库*/
    </script>

    <script type = "text/javascript">
        window.onload =function() {
            document.getElementById('helloBtn')
            .onclick =function() {
               /*为helloBtn按钮编写一个方法*/
                var name = document.getElementById('helloTxt').value;
                new Ajax.Request(
                   "Ajax.aspx?name="+ encodeURI(name),  /*新建一个Ajax对象，数据传到Ajax.aspx进行处理*/
                   {
                       method: "get",
                       onComplete: function(xhr) {
                           document.getElementById('helloTitle')
                          .innerHTML = xhr.responseText;
                       }
                   }
                )
            }
        }
    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    <h1 id = 'helloTitle'>hello,stranger</h1>
    <p>Please introduce yourself by entering your name in the box below</p>
    <input type = "text" size = "24" id = "helloTxt"/>
    &nbsp;
    <input type = "button" id = "helloBtn" value = "Submit"/>
    </div>
    </form>
</body>
</html>
Asp.net--Ajax前后台数据交互

后台：（新建一个Ajax.aspx页面，在Ajax.aspx.cs中加入下面的代码）

Asp.net--Ajax前后台数据交互
protectedvoid Page_Load(object sender, EventArgs e)
    {
        string a = Request.QueryString["name"]; /*取出name变量的值，个人觉得与Asp.net取Session值类似*/
        SqlConnection conn =new SqlConnection("Data Source=X0O4MQIY5N0SXOY;Initial Catalog=kk;Integrated Security=True");
        string sql ="select t_id from tablename where t_name = '"+ a +"'";
        SqlCommand cmd =new SqlCommand(sql,conn);
        SqlDataAdapter myda =new SqlDataAdapter(cmd);
        DataSet myDs =new DataSet();
        myda.Fill(myDs);

        if (myDs.Tables[0].Rows.Count >0)
        {
            Response.Write("true");
        }
        else
        {
            Response.Write("false");
        }
    }
Asp.net--Ajax前后台数据交互

在ASP.net中利用Ajax技术、表单进行一个前后台的数据交互。

一个小小的实例，还得继续学习。

请各位看到这篇博客的人如果有自己的想法，请留下的您宝贵的想法，我现在对在ASP.net中利用Ajax技术还不是很了解，我希望能与更多已经学习过的人交流，一起进步。。。

Asp.net--Ajax前后台数据交互的更多相关文章

  1. Django学习笔记（8）——前后台数据交互实战（AJAX）

    这里将自己这段时间学习的关于前后台数据交互的笔记写在这里,这里包含了Django传输数据给JS,AJAX的相关问题,跨域问题,如何解决AJAX的跨域问题等等.比较凌乱,请看到这篇博客的盆友见谅,如果我 ...

  2. 用PHP和Ajax进行前后台数据交互——以用户登录为例

    很多网站中都有用户登录系统,要完成用户的注册和登陆,就一定要用到前后台的数据交互.在这里以简单的用户注册和登陆为例介绍一下前后台交互的大致流程. 首先,我们来做一个简单的登陆界面. 这里为了方便我使用 ...

  3. Spring MVC 前后台数据交互

    本文是转载文章,感觉比较好,如有侵权,请联系本人,我将及时删除. 原文网址地址:<Spring MVC 前后台数据交互> 1.服务端数据到客户端 (1)返回页面,Controller中方法 ...

  4. Phonegap开发的前后台数据交互

    在用Phonegap开发时,需要进行前后台数据交互,在网上找资料,很多东西让人一头雾水,最后借鉴了下面的博客: http://blog.sina.com.cn/s/blog_681929ae01017 ...

  5. vue仓库、组件间通信、前后台数据交互、前端储存数据大汇总

    目录 路由重定向 仓库介绍 vuex插件:可以完成任意组件间信息交互(移动端) 前端存储数据大汇总 前后台交互方式(重点) 前后台数据交互 axios插件:完成前后台ajax交互的 同源策略 - 前后 ...

  6. 玩转Web之Json（二）----jquery easy ui &plus; Ajax &plus;Json&plus;SQL实现前后台数据交互

    最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到 ...

  7. 测开之路一百五十四：ajax&plus;json前后台数据交互

    在实际工作中,前后端数据交互大部分都是用的json格式,后端把数据处理完后,把json传给前端,前端再解析 项目结构 models里面加入把数据转为字典的方法 from datetime import ...

  8. 基于ssh框架的highcharts前后台数据交互实例

    Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习.个人网站和非商业用途使用.HighCh ...

  9. easy-table-vue&plus;VueJs、SpringBoot&plus;Mybatis实现MVVM模型前后台数据交互

    该项目分为前端展示部分和后台服务部分. 前端部分 使用的技术是:NodeJs.Webpack.VueJs 使用的组件库是:IVIEW.easy-table-vue 使用的开发工具是:WebStorm ...

随机推荐

  1. Android ListView 图片异步加载和图片内存缓存

    开发Android应用经常需要处理图片的加载问题.因为图片一般都是存放在服务器端,需要联网去加载,而这又是一个比较耗时的过程,所以Android中都是通过开启一个异步线程去加载.为了增加用户体验,给用 ...

  2. Tomcat部署Web应用的两种方式

    WEB工程目录结构 部署方式一:此种方式部署,jsp页面修改后,不能动态更新,需要重新部署才能看到效果.不过可以配置动态更新实现. 部署方式二:此种方式部署,jsp修改后,直接在页面可以看到效果.(因 ...

  3. 扩展XAF模型信息实现自定义功能

    如何隐藏 web listview 的 编辑控制列如下图: 这列怎么让它隐藏? 感谢[少侠]XAF_杨东 提供解答!感谢XAF_小学生整理.   A: 注册自定义接口IModelListViewExt ...

  4. java11-6 String类的其它功能

    String类的其他功能: 替换功能: String replace(char old,char new) String replace(String old,String new) 去除字符串两空格 ...

  5. 获取OpenCV中RotatedRect的绝对角度

    opencv中RotatedRect的angle这个成员变量总是诡异的不同寻常(http://*.com/questions/15956124/minarearect-angl ...

  6. 命令 crontab

    crontab命令选项基本只有对用户操作的选项: -u 指定一个用户 -l 列出某个用户的任务计划 -r 删除某个用户的任务 -e 编辑某个用户的任务 所以,要查看所有用户的,只能根据/etc/pas ...

  7. python&lowbar;Opencv&lowbar;opencv2&period;4&period;4&plus;python配置问题

    下载numpy-1.8.1-win32-superpack-python2.7.exe.下载地址微博微盘:http://vdisk.weibo.com/s/aJcp4pI6mYEXg 必须安装nump ...

  8. js 去重 字符串 &lbrack;123123&comma;123123&comma;345435&comma;33467&comma;45645&comma;343467&comma;879&comma;45645&rsqb;

    function unique(dislodgeArr) { var ret = [] var hash = {} var datasource = new Array(); var array= d ...

  9. selenium 利用testNG对异常进行自动截图

    哈哈哈,很久没写博客了,懒了. 因为一些原因最近需要把监听事件重新整理一下,开始没细想,直接copy网上的,其实结果发现报错很多,或者是达不到效果,然后把之前的代码翻出来,仔细看了一下.下面给一些需要 ...

  10. SQLServer之视图简介

    视图定义 视图是一个虚拟表,其内容由查询定义. 同表一样,视图包含一系列带有名称的列和行数据. 视图在数据库中并不是以数据值存储集形式存在,除非是索引视图. 行和列数据来*定义视图的查询所引用的表, ...

相关文章