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

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

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

<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>

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

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前后台数据交互的更多相关文章

  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 + Ajax +Json+SQL实现前后台数据交互

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

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

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

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

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

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

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

随机推荐

  1. onMouseDown onMouseUp onMouseMove(移动鼠标图像大小变化)

  2. swift入门-day02

    1.函数 2.闭包 3.构造函数基础 4.重载构造函数 5.KVC构造函数 6.遍历构造函数 7.懒加载 8.只读属性 1.函数 掌握函数的定义 掌握外部参数的用处 掌握无返回类型的三种函数定义方式 ...

  3. autorelease 的基本使用

    5-autorelease 的基本使用 0,引入 Person *p = [Persom new];[p release]; [p run]; [p run]; // 希望不立即释放,待 run执行完 ...

  4. OC与Swift的区别五(函数)

    13 函数 oc函数定义: 返回值类型 函数名(参数类型 参数名,参数类型 参数名){ } swift 函数定义: func 函数名(参数名:参数类型,参数名:参数类型) -> 返回值类型{ } ...

  5. swift之元组类型

    一.元组类型是有N个任意类型的数据组成(N>=0),组成元组类型的数据可以称为“元素” 二.元组的定义 如:let position = (x:10.5,y:20)    //两个元素的元组 l ...

  6. I/O端口与I/O内存

    端口的概念:设备通过系统总线上的接口与CPU相连,接口电路中含有多种寄存器,CPU向设备读写数据实际上是向接口上的寄存器读写数据,这些寄存器称为I/O端口.一个接口通常包含控制端口,数据端口,状态端口 ...

  7. Andriod 中常见错误

    1.Open quote is expected for attribute "android:name" associated with an element type &quo ...

  8. PHP & Javascript 如何对字符串中包含html标签进行编码 整理

    为什么要对字符串编码? 某些字符串中包含html标签,不编码,页面输出就乱了. PHP下怎么对字符串编码? htmlentities vs htmlspecialchars htmlentities ...

  9. ubuntu logout 命令

    gnome-session-quit 点击打开链接http://askubuntu.com/questions/15795/how-can-you-log-out-via-the-terminal

  10. 支付宝开发（一）－认识php openssl RSA 非对称加密实现

    获取支付宝公钥 本地服务器生成私钥和公钥 运用php中openssl相关函数加密解密验证身份 以下是php中openssl相关函数实现的验证,来自php官方demo //需要签名的数据 $data = ...