转自: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. 利用ORACLE ADV 功能完成SQL TUNING 调优（顾问培训） “让DBA失业还是解脱？”

    oracle自动判断SQL性能功能. 11G的ADV,建议.SNAPSHOT,数据集合, 存储在oracle sys $_开头的表(10几条).  创建SNAPSHOT时选择天数, 默认14天. sq ...

  2. 02_Jquery_03_类选择器

    [简述] 类选择器就是通过类名(css类名)来查询元素! $(".myClass")就可以把所有包含了class="myClass"的元素查询出来 [index ...

  3. imagecreatefromjpeg(): gd-jpeg, libjpeg: recoverable error: Corrupt JPEG data: 1 extraneous bytes be

    imagecreatefromjpeg(): gd-jpeg, libjpeg: recoverable error: Corrupt JPEG data: 1 extraneous bytes be ...

  4. js监听

    IE浏览器监听: function attachEvent(string eventFlag, function eventFunc) eventFlag: 事件名称,但要加上on,如onclick. ...

  5. Java RMI（远程方法调用）开发

    参考 https://docs.oracle.com/javase/7/docs/platform/rmi/spec/rmi-arch2.html http://www.cnblogs.com/wxi ...

  6. node开子线程模块--tagg2

    tagg2包同样具有tagg包的多线程功能,采用新的node-gyp命令进行编译,同时它跨平台支持,mac,linux,windows下都可以使用,对开发人员的api也更加友好.安装方法很简单,直接n ...

  7. js获取get方式提交的参数返回json格式数据

    /** * 获取GET提交的参数 * @return JSON格式 * @author Terry */ function getArgs(){ var args = {}; var match = ...

  8. 如何定时备份远程mysql数据库

    通常,站长们都没有自己的服务器,每天都要手动备份数据库那也很麻烦.这里推荐一个方法,利用windows的计划任务来实现. 前提:本地机器上装有mysql服务. 假设本地机器上mysql服务目录  d: ...

  9. Day9 网络编程

    OSI(Open System Interconnect),即开放式系统互联. ISO(International Standards Organization)国际标准化组织 OSI七层模型: TC ...

  10. 使用EF6.0出现：CS0029 无法将类型“System.Data.Entity.Core.Objects.ObjectContext”隐式转换为“System.Data.Objects.ObjectContext”错误

    这是因为EF6.0重构了一些命名空间后,和VS原有的实体数据模型模板不一致了(ObjectContext context = ((IObjectContextAdapter)dataContext). ...