c# webform ajax操作,C#-WebForm-AJAX阿贾克斯(一)基本格式
这个术语源自描述从基于 Web 的应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。
AJAX 的核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。
先引用jQuery,再写代码
代码格式:(李献策lxc)
$.ajax({
url:"",//要将此次请求发送到哪个服务端去
data:{},//给服务端带的数据,可以没有,也可以是多个
type:"post", //传递的方式
dataType:"json",//数据传递的格式
success:function(data){}//如果成功返回执行此方法,“data”为自定义名
});
1、一般数据处理程序(数据接口):ashx文件
2、跨语言传递数据
XML 可扩展的标记语言
结构不清晰
代码量比较大
查找起来比较费事
非面向对象结构
json
结构清晰
代码量相对较小
面向对象的处理方式,查找数据很简单
基本结构:
键值对:{"":"","":'',"":""}(英文状态下)
=============================================================
练习:验证用户名是否可用
一、普通方式,不用ajax
前台代码:
前台代码
后台代码:
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
TextBox1.TextChanged += TextBox1_TextChanged;
}
void TextBox1_TextChanged(object sender, EventArgs e)
{
if (TextBox1.Text == "zhangsan" || TextBox1.Text == "lisi")
{
Label1.Text = "用户名已存在!";
Label1.ForeColor = System.Drawing.Color.Red;
}
else
{
Label1.Text = "恭喜!用户名可以使用!";
Label1.ForeColor = System.Drawing.Color.Green;
}
}
}
后台代码
焦点丢失时触发事件,会重新加载整个页面,用户体验差!
二、ajax局部刷新
前台代码:
前台代码
后台代码:
var txt1 = document.getElementById("TextBox1");
txt1.onkeyup = function () {
var v = txt1.value;
$.ajax({
url: "../ajax/Handler.ashx",
data: { "txt1": v },
type: "post",
dataType: "json",
success: function (data) {
document.getElementById("Label1").innerHTML = data.ok;
if (data.ok1 == "true") {
document.getElementById("Label1").style.color = "green";
}
else {
document.getElementById("Label1").style.color = "red";
}
}
});
};
js代码
using System;
using System.Web;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
string s=context.Request["txt1"];
string json = "{\"ok\":\"恭喜!用户名可用!\",\"ok1\":\"true\"}";
if (s == "zhangsan" || s == "lisi")
{
json = "{\"ok\":\"此用户名不可用!\",\"ok1\":\"false\"}";
}
context.Response.Write(json);
context.Response.End();
}
public bool IsReusable {
get {
return false;
}
}
}
ashx代码
c# webform ajax操作,C#-WebForm-AJAX阿贾克斯(一)基本格式相关推荐
- c# webform ajax操作,C# WebForm开发 前台请求后台数据的方法总结
说到前台请求后台数据,我们一般都是用到AJAX(异步JavaScript和XML) .AJAX 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的 ...
- php ajax操作数据库,php + ajax 实现的写入数据库操作简单示例
本文实例讲述了php+ ajax 实现的写入数据库操作.分享给大家供大家参考,具体如下: 这个是最简单的表单提交 延伸:后面有很多需要提交的信息 如何快速部署接口 此例子是移动端H5页面,使用的是z ...
- w3c的ajax操作函数,关于ajax的使用方法_例题、ajax的数据处理
AJAX 的 关于ajax的使用方法_例题.ajax的数据处理 需要注意的是,调用的封装的数据库,和jQuery的保存地址 一.注册 (1)写文本框来进行用户名的验证 //这个使用来显示提示信息的 ( ...
- JQuery Ajax操作
JQuery Ajax操作 上回我们谈到Ajax操作分为JS Ajax.JQuery Ajax两种操作,上回具体讲解了JS Ajax操作,今天我们来小谈一下JQ Ajax操作 ...
- Ajax操作的四个步骤
Ajax操作的四个步骤: 创建Ajax对象 连接服务器 发送请求 接收返回信息 1 <!DOCTYPE html> 2 <html> 3 <head lang=" ...
- laravel基础课程---11、lavarel的ajax操作(ajax优劣势是什么)
laravel基础课程---11.lavarel的ajax操作(ajax优劣势是什么) 一.总结 一句话总结: 优势:用户友好度:异步通信,不会频繁刷新页面,用户友好度比较高 优势:减轻数据库压力 缺 ...
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用...
一.modelForm操作及验证 1.获取数据库数据,界面展示数据并且获取前端提交的数据,并动态显示select框中的数据 views.py from django.shortcuts importr ...
- ajax操作的链式写法
ajax操作的传统写法: $.ajax({ url: url, success: function(){ doWhenSuccess(); }, error: function(){ doWhenEr ...
- 使用javascript来实现最原始的ajax操作
使用原生的javascript代码来实现ajax操作,可以看做ajax的入门 代码如下 <%@ page language="java" import="java. ...
- ci如何使用中$.ajax 中的 url 如何使用php的代码,CI框架中使用ajax操作数据库有关问题...
CI框架中使用ajax操作数据库问题 本帖最后由 A9925 于 2014-11-24 16:11:05 编辑 前台: //调用方法用ajax操作add_dbdata.php var xmlHttp ...
最新文章
- 液压系统管路流速推荐表_液压系统管道尺寸的计算
- python画折线图显示点值-Python 绘制可视化折线图
- 中国发布自主开发的域名系统基础软件 “红枫”
- Spring如何处理线程并发
- c语言数据结构kmp中next计算,数据结构——关于KMP算法中next函数的详细解析
- daz模型导入marvelous_传世工坊自制Daz Studio 4.10 系列入门教程
- OSChina 周二乱弹 —— 高手应该习惯寂寞
- 奇安信代码安全实验室帮助 RedHat 修复两个 oVirt 漏洞,获官方致谢
- tampermonkey 下载
- 如何同时使用双网卡进行两个网络上网
- python 金融应用(一)期权定价公式的计算
- 安卓日历每日提醒_好用的安卓日历Jorte:可添加待办事项和提醒
- 【JavaLearn】(24)Session、Cookie、ServletContext、MVC开发模式、JSP九大内建对象及四个作用域、JSTL及EL表达式、过滤器、监听器
- 本机远程Windows服务器远程桌面不能相互复制粘贴的两种解决方案
- Vivado IP中的Shared Logic到底是干嘛的?
- Github新手创建第一个 repository流程
- 【ubuntu】xmm2(音频播放器)安装及其使用
- finereport与finebi差别_finebi和finereport区别
- linux amd显卡双屏,Ubuntu14.04安装AMD显卡驱动双屏显示器完全解决方案
- PHP Web应用开发 -用PHP实现简单的个人博客网站
热门文章
- ElasticSearch 5.5.3 Docker化部署
- React.js 官网入门教程 分离文件 操作无法正常显示HelloWord
- 我自己比较习惯的Watir自动化测试代码管理方式
- bgp通告四原则_华为路由器BGP路由选路和负载均衡
- GY39传感器C语言代码,详解Arduino GY-30数字光强传感器应用
- java中为什么还要防止内存泄露_JAVA防止内存的泄漏什么意思,内存还能泄露?...
- mysql创建表时报150_Mysql创建表时报错error150
- 时尚高端电商网页设计素材
- android版本怎么设置,安卓系统手机怎么用
- java 开发手机web,手机web app开发笔记