zoukankan      html  css  js  c++  java
  • ajax文本空输入显示用户信息

    一般文件代码

    public void ProcessRequest (HttpContext context) {
    //获取主见值
    string s = context.Request["uid"].ToString();
    //定义 集合item 为空
    string item = "";
    //根据id查找
    var var = _Context.Login.Where(p => p.UserName == s);

    if(var.Count()>0)
    {
    //如果找到对象 给第一个对象 拼接字符串方法 赋值
    Login data = var.First();
    item+="<count>1</count>";
    item += "<name>" + data.Name + "</name>";
    item+="<password>"+data.Password+"</password>";
    item+="<account>"+data.Account+"</account>";
    //建议用 属性赋值方法 拼接字符串方法太浪费 存储空间
    }
    else
    {
    item += "<count>0</count>";
    }
    //送回xml
    context.Response.Write("<?xml version='1.0'?>");
    context.Response.Write("<root>");
    context.Response.Write(item);
    context.Response.Write("</root>");
    context.Response.End();
    }

    Htme 代码 

    <title></title>
    <script src="jquery-1.8.2.min.js"></script>
    <script language="javascript">
    $(document).ready(function () {
    $("#txtuid").keyup(function () {

    //定义输入的文本框信息
    var s = $("#txtuid").val();

    $.ajax({
    url: "Hand/Yuexianshi.ashx",
    data: { uid: s },
    type: "POST",
    dataType: "XML",
    success: function (data) {

    //找到的个数里的内容
    var c = $(data).find("count").text();
    //解析一个字符串内容被转换成整数
    var ct = parseInt(c);

    if (ct > 0) {

    //如果找到了 把name里的内容找出来
    var name = $(data).find("name").text();
    var password = $(data).find("password").text();
    var account = $(data).find("account").text();
    //显示
    //获取name的内容在文本框中显示出来
    $("#txtName").html(name);
    $("#txtpwd").html(password);
    $("#labaccount").html(account);
    }

    else {
    //如果没找到 清空 文本框中所有内容
    $("#txtName").empty();
    $("#txtpwd").empty();
    $("#labaccount").empty();
    }
    }//sucess
    })//ajax
    })//keyup
    })//ready
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>

    请输入用户名:<asp:TextBox ID="txtuid" runat="server"></asp:TextBox>
    <br />
    姓名:<asp:Label ID="txtName" runat="server"></asp:Label>
    <br />
    密码:<asp:Label ID="txtpwd" runat="server"></asp:Label>
    <br />
    余额:<asp:Label ID="labaccount" runat="server"></asp:Label>

    </div>
    </form>

  • 相关阅读:
    Vue 组件4 动态组件
    Vue 组件3 作用域插槽
    Vue 组件 非父子组件通信
    vue 组件1
    单例模式--反射--防止序列化破坏单例模式
    遇到构造器中有多个可选参数时要考虑用构建器
    考虑用静态工厂方法代替构造器的场景
    转载--技术人员的发展之路
    一道lambda表达式题目
    想法跟实践的距离
  • 原文地址:https://www.cnblogs.com/tianxuan/p/4756190.html
Copyright © 2011-2022 走看看