AJAX 即“ Asynchronous Javascript And XML ”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 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
前台代码：
<body>

    <form id="form1" runat="server">

    <div>

        <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

        <asp:TextBox ID="TextBox1" runat="server" AutoPostBack="true"></asp:TextBox>

        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

    </div>

    </form>

</body>

前台代码

后台代码：

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局部刷新

前台代码：

<body>

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

    </div>

    </form>

</body>

前台代码

后台代码：

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

<%@ WebHandler Language="C#" Class="Handler" %>

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阿贾克斯（一）基本格式的更多相关文章

  1. $.ajax返回的JSON格式的数据后无法执行success的解决方法

    近段时间做项目,在项目使用了ajax技术,遇到了一个奇怪的问题:"$.ajax返回的JSON格式的数据无法执行success",代码是这样写的: 1 $.ajax({ 2 .. 3 ...

  2. jquery ajax调用返回json格式数据处理

    Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: ...

  3. Ajax中的JSON格式与php传输过程的浅析

    在Ajax中的JSON格式与php传输过程中有哪些要注意的小地方呢? 先来看一下简单通用的JSON与php传输数据的代码 HTML文件: <input type="button&quo ...

  4. ajax日期參数格式问题

    今天遇到ajax传输日期參数后台无法识别的问题,错误异常例如以下. 从异常中能够看出传输到后台的日期数据格式为Thu Aug 13 2015 19:45:20 GMT+0800 (中国标准时间),这样 ...

  5. Django学习——ajax发送其他请求、上传文件（ajax和form两种方式）、ajax上传json格式、 Django内置序列化（了解）、分页器的使用

    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...

  6. ajax访问服务器返回json格式

    使用ajax访问服务器返回多条数据,比如返回一个表中的所有数据,页面该如何处理呢?如何获取数据呢?一直不会用ajax返回json格式,今天研究了下,分享给大家~ 首先需要引用服务,点击项目右键,添加引 ...

  7. webform ajax 异步请求

    第一种就是对应方法的请求 虽然对应方法 但还是会刷新页面 webform是基于事件的 每次请求都会出发pageload <script> $(function () { $("# ...

  8. （24）ajax上传json格式的数据

    urs.py from django.conf.urls import urlfrom django.contrib import adminfrom app01 import viewsurlpat ...

  9. webform ajax 上传文件+参数

    今天维护webform项目时,有个需求需要在一个ajax中上传excel和多个参数.网上没怎么找到答案,这边做个笔记. 首先上页面大体这样 <form id= "uploadForm& ...

  10. 使用jQuery发送POST，Ajax请求返回JSON格式数据

    问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...

随机推荐

  1. Java Interrupt Related

    In Java, the main process can have several threads at a time, but only a few of them can run concurr ...

  2. 【转载】GDI 映像方式 之 SetViewportExtEx 与 SetWindowExtEx 解析

    所谓视口代表设备,比如屏幕. 窗口代表我们的思维. 我们对windows说在(5,6)处画个点(调用GDI函数).windows认为是在我们的思维的(5,6)处画了个点.(也就是说5,6是逻辑坐标,G ...

  3. java abstract类和abstract方法

    Example5_12.java abstract class A { abstract int add(int x,int y); int sub(int x,int y) { return x-y ...

  4. Android消息提示框Toast

    Android消息提示框Toast Toast是Android中一种简易的消息提示框.和Dialog不一样的是,Toast是没有焦点的,toast提示框不能被用户点击,而且Toast显示的时间有限,t ...

  5. Hibernate配置过程可能发生的问题及解决方法

    1.问题:Exception in thread "main" java.lang.NoClassDefFoundError: org/dom4j/DocumentExceptio ...

  6. j2ee常用包的作用

    1.antlr-2.7.7.jar 呵呵 一句话,没有此包,hibernate不会执行hql语句   2.aopalliance-1.0.jar 这个包是AOP联盟的API包,里面包含了针对面向切面的 ...

  7. ARM汇编指令的一些总结-转

    ARM汇编指令的一些总结ARM汇编指令很多,但是真正常用的不是很多,而且需要认真琢磨的又更少了.比较有用的是MOV B BL LDR STR还是通过具体汇编代码来学习吧.@ disable watch ...

  8. HDU 1711 Number Sequence（KMP匹配数字串）

    这个就是kmp的数组形式,不用来处理字符串还真有点不习惯呢... #include<iostream> using namespace std; ,MAXM = ; int T[MAXN] ...

  9. USACO Section 1.2 Dual Palindromes 解题报告

    题目 题目描述 有一些数(如 21),在十进制时不是回文数,但在其它进制(如二进制时为 10101)时就是回文数. 编一个程序,从文件读入两个十进制数N.S.然后找出前 N 个满足大于 S 且在两种以 ...

  10. linux下提示bash:command not found

    新安装的linux系统,如果进行精简安装可能会出现bash:command not found 的提示,大家在安装的时候可以选择默认安装basic的组件,一般即可.到时候可以再升级.   如果新装的系 ...