zoukankan      html  css  js  c++  java
  • AJAX (1)

    一定要严谨,没有提示,纠错很难

    --------------------------------------------------

    ajax:

    xml:可扩展的标记语言
    json:像对象一样的语言
    功能:
    将数据在不同语言之间交互
    xml的劣势:1、代码书写内容过多
    2、数据提取较繁琐

    ashx:一般处理程序,它的继承级别要比web窗体级别更高

    jquery:

    ------------------------------------------------------
    但是,ajax写起来没有提示,一定要仔细慎重

    json:
    就可以把它拼成一个字符串,它的固定格式:

    {"username":"zhangsan","password":"1234","nickname":"张三"}


    就是不想让页面刷新了,因为很烦人
    用js来实现数据与数据库的交互

    用js将数据提交给服务端,服务端执行完了,又把数据返回给js,js把返回回来的数据在页面上更新,就不会刷新页面了

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <script src="js/jquery-1.7.2.min.js"></script>
    </head>
    <body>
        用户名:<input type="text" id="txt_username" />
        <input type="button" id="btn1" value="验证用户名是否可用" />
        <span id="span_user"></span>
    
        <script type="text/javascript">
            $("#btn1").click(function () {
                var name = $("#txt_username").val(); //把用户填的用户名取出来
    
                //要把此用户名去数据库查询是否存在
                $.ajax({
                    url: "Ashxs/selectUser.ashx", //数据提交的目标服务端
                    data: { "na": name }, //提交时所需要带过去的数据
                    type: "post", //提交方式
                    dataType: "json", //返回的数据保存类型
                    success: function (aaa) { //aaa随意起名,但是一定要写,返回回来的json数据就是这个aaa
                        if (aaa.has == "1") {
                            $("#span_user").text("此用户名已被注册!");
                        }
                        else {
                            $("#span_user").text("恭喜!此用户名可以使用!");
                        }
                    }//success , 数据什么时候执行完了,返回回来了,就走这里面
                });//btn1.ajax
            });//btn1.click
    
    
        </script>
    
    </body>
    </html>


    <%@ WebHandler Language="C#" Class="selectUser" %>
    
    using System;
    using System.Web;
    using System.Linq;
    using System.Data.Linq;
    
    public class selectUser : IHttpHandler
    {
        Data0425DataContext con = new Data0425DataContext();
        public void ProcessRequest(HttpContext context)
        {
            string end = "";
    
            string name = context.Request["na"].ToString();
    
            var data = con.Users.Where(r => r.UserName == name);
    
            if (data.Count() > 0)
            {
                end = "{"has":"1"}";  //  {"has":"1"}
            }
            else
            {
                end = "{"has":"0"}";
            }
    
            context.Response.Write(end); ------写出
    
        }
    
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    
    }
  • 相关阅读:
    相当当中 ,还用到一个很重要的类 ,map地图类
    使用ObjectDataSource查询和更新
    sqlserver 简单的存储过程学习记录
    一个winform的基于TCP的服务端的GPS平台的网关。利用多线程异步的方式 。
    个人网站准备之数据处理
    记录日志(自治事务
    android调用lua
    CMarkup类读写xml文件
    MyBatis.Net 配置
    NPOI读取Excel到集合对象
  • 原文地址:https://www.cnblogs.com/a454966933/p/5764326.html
Copyright © 2011-2022 走看看