Asp.net--Ajax前后台数据交互
转自: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"/>
<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前后台数据交互的更多相关文章
- Django学习笔记(8)——前后台数据交互实战(AJAX)
这里将自己这段时间学习的关于前后台数据交互的笔记写在这里,这里包含了Django传输数据给JS,AJAX的相关问题,跨域问题,如何解决AJAX的跨域问题等等.比较凌乱,请看到这篇博客的盆友见谅,如果我 ...
- 用PHP和Ajax进行前后台数据交互——以用户登录为例
很多网站中都有用户登录系统,要完成用户的注册和登陆,就一定要用到前后台的数据交互.在这里以简单的用户注册和登陆为例介绍一下前后台交互的大致流程. 首先,我们来做一个简单的登陆界面. 这里为了方便我使用 ...
- Spring MVC 前后台数据交互
本文是转载文章,感觉比较好,如有侵权,请联系本人,我将及时删除. 原文网址地址:<Spring MVC 前后台数据交互> 1.服务端数据到客户端 (1)返回页面,Controller中方法 ...
- Phonegap开发的前后台数据交互
在用Phonegap开发时,需要进行前后台数据交互,在网上找资料,很多东西让人一头雾水,最后借鉴了下面的博客: http://blog.sina.com.cn/s/blog_681929ae01017 ...
- vue仓库、组件间通信、前后台数据交互、前端储存数据大汇总
目录 路由重定向 仓库介绍 vuex插件:可以完成任意组件间信息交互(移动端) 前端存储数据大汇总 前后台交互方式(重点) 前后台数据交互 axios插件:完成前后台ajax交互的 同源策略 - 前后 ...
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到 ...
- 测开之路一百五十四:ajax+json前后台数据交互
在实际工作中,前后端数据交互大部分都是用的json格式,后端把数据处理完后,把json传给前端,前端再解析 项目结构 models里面加入把数据转为字典的方法 from datetime import ...
- 基于ssh框架的highcharts前后台数据交互实例
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习.个人网站和非商业用途使用.HighCh ...
- easy-table-vue+VueJs、SpringBoot+Mybatis实现MVVM模型前后台数据交互
该项目分为前端展示部分和后台服务部分. 前端部分 使用的技术是:NodeJs.Webpack.VueJs 使用的组件库是:IVIEW.easy-table-vue 使用的开发工具是:WebStorm ...
随机推荐
- CSS边框属性二---border-images
border-images 属性 主要用border-images 属性来制作自适应按钮和tab标签&自适应边框. 例子: border-images:url("img.png&qu ...
- html表格 第五节
表格: <html> <head> <title>表格实例</title> </head> <body> <center& ...
- ibatis+spring+cxf+mysql搭建webservice
首先需必备:mysql.myeclipse6.5.apache-cxf-2.6.2 一.建数据库,库名:cxf_demo:表名:book CREATE DATABASE `cxf_demo` --数 ...
- Windows server 2003常用设置
1.禁用配置服务器向导 由于不需要服务器设置功能,首先我们先禁止“配置你的服务器”(Manage Your Server)向导的出现,你可以在控制面板(Control Panel) ...
- 关于C++几个容易混淆的概念总结
1.函数指针和指针函数 函数指针说的就是一个指针,但这个指针指向的函数,不是普通的基本数据类型或者类对象.函数指针的定义: int (*func)(int a, int b); // 声明函数指针 指 ...
- caffe源码阅读(3)-Datalayer
DataLayer是把数据从文件导入到网络的层,从网络定义prototxt文件可以看一下数据层定义 layer { name: "data" type: "Data&qu ...
- 263. Ugly Number(C++)
263. Ugly Number Write a program to check whether a given number is an ugly number. Ugly numbers are ...
- C++多态性的理解
本文章转载来自:http://www.sollyu.com/?p=627 代码 #include <iostream.h> class Animal { public: void eat( ...
- nginx方面的书籍资料链接
http://tengine.taobao.org/book/ http://blog.sina.com.cn/s/articlelist_1929617884_0_1.html http://blo ...
- [CUDA] ubuntu14.04+cuda7.5下安装cudnn7.0
cuda:7.5 cudnn:cudnn-7.0-linux-x64-v4.0-prod.tgz cudnn样例:cuDNN v4 Code Samples 1. 解压 tar -zxvf cudnn ...