ajax 服务器文本框自动填值

这样的话就增加了服务器的负担。后面自己他细想了一下。想利用ajax去实现这样一个效果。代码如下:

前台代码:

复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ServerTextBoxdata.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>通过用户名自动填充用户其他信息</title>

<script language="javascript" type="text/javascript" src="ajax/jquery.js"></script>

<script language="javascript" type="text/javascript">

//获取用户名文本框的值

function WritedataText()

{

var username=$("#Txtusename").val();

if(username.length==0)

{

alert("输入的用户名不能为空");

return ;

}

//执行通过用户名查找用户的相关信息

$.ajax({

type:'POST',

url:'ServerTextBoxdata.aspx',

data:{action:'action',Username:username},

success:WritedataTextcallback

})

}

//通过用户名查找用户的相关信息的回调函数

function WritedataTextcallback(r)

{

if(r=="no")

{

alert("输入的用户名不存在。请重新输入");

}

else

{

var data=r;

var array=new Array();

array=data.split(",");

//为文本框赋值

$("#fullname").val(array[0]);

$("#Email").val(array[1]);

$("#mobilphone").val(array[2]);

$("#qq").val(array[3]);

}

}

</script>

</head>

<body>

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

<div align="center">

<table style="text-align:center;width:800px">

<tr style=" background-color:Yellow; width:800px">

<td colspan='2' style="text-align:center"> <font size="5" color="red">用户详细信息</font></td>

</tr>

<tr><td colspan='2' style=" text-align:left"> 用户名称:<asp:TextBox ID="Txtusename" runat="server"></asp:TextBox></td></tr>

<tr><td style=" text-align:left;width:400px"> 用户全名:<asp:TextBox ID="fullname" runat="server" ReadOnly="true"></asp:TextBox></td><td style=" text-align:left; width:400px">用户邮箱:<asp:TextBox ID="Email" ReadOnly="true" runat="server"></asp:TextBox></td></tr>

<tr><td style=" text-align:left;width:400px">手机号码:<asp:TextBox runat="server" ID="mobilphone" ReadOnly="true"></asp:TextBox></td><td style=" text-align:left; width:400px">

用户QQ  :<asp:TextBox runat="server" ID="qq" ReadOnly="true"></asp:TextBox></td></tr>

</table>

</div>

</form>

</body>

</html>

后台代码:

复制代码 代码如下:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data.SqlClient;

public partial class Default3 : System.Web.UI.Page

{

string StrAction = "";

protected void Page_Load(object sender, EventArgs e)

{

StrAction = Request["action"];

//为服务器控件添加失去焦点的事件 让服务器控件不刷新的关键

Txtusename.Attributes.Add("onblur", "WritedataText()");

Txtusename.Focus();

if (StrAction == "action")

{

//获取用户输入的名称

string username = Request["Username"];

if (!Isusername(username))

{

Response.Clear();

Response.ContentType = "application/text";

Response.Write("no");

Response.End();

}

else

{

InitData(username);

}

}

}

/// <summary>

/// 创建人:周昕

/// 创建时间:2009-06-11

/// 方法名称:InitData

/// 作用:查找用户的详细信息

/// </summary>

/// <param name="username"></param>

public void InitData(string username)

{

SqlConnection mycon = new SqlConnection();

mycon.ConnectionString = ConfigurationManager.ConnectionStrings["BoBoConn"].ToString();

string sql = "select Fullname,Email,MobilePhone,QQ from loginuser where username='"+username+"'";

mycon.Open();

SqlCommand mycom = new SqlCommand(sql, mycon);

SqlDataReader myda = mycom.ExecuteReader();

while (myda.Read())

{

string fullname = myda["Fullname"].ToString();

string Email = myda["Email"].ToString();

string MobilePhone = myda["MobilePhone"].ToString();

string QQ = myda["QQ"].ToString();

string array = fullname + "," + Email + "," + MobilePhone+","+QQ;

Response.Clear();

Response.ContentType = "application/text";

Response.Write(array);

Response.End();

}

}

/// <summary>

/// 创建人:周昕

/// 创建时间:2009-06-11

/// 方法名称:Isusername

/// 作用:返回bool值判断用户是否存在

/// </summary>

/// <param name="username"></param>

/// <returns></returns>

public bool Isusername(string username)

{

SqlConnection mycon = new SqlConnection();

mycon.ConnectionString = ConfigurationManager.ConnectionStrings["BoBoConn"].ToString();

string sql = "select count(*) from loginuser where username='" + username + "'";

mycon.Open();

SqlCommand mycom = new SqlCommand(sql, mycon);

int n = (int)mycom.ExecuteScalar();

mycon.Close();

if (n > 0)

{

return true;

}

else

{

return false;

}

}

}

效果:运行前只有用户名文本框可用

当用户输入用户名称后:鼠标离开文本框后效果如下:

时间: 2024-09-08 21:45:39

ajax 服务器文本框自动填值的相关文章

ajax 服务器文本框自动填值_AJAX相关

这样的话就增加了服务器的负担.后面自己他细想了一下.想利用ajax去实现这样一个效果.代码如下: 前台代码: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ServerTextBoxdata.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C

获取文本框中的值

问题描述 我已经把要显示的值通过reqeust.getParameter("")显示到了文本框中,文本框中的值是允许修改的.现在的问题是:我要怎么样可以判断出文本框中的值是否被修改过,因为我要把被修改过的信息保存到日志里面去.请各位高手指点迷津,谢谢! 解决方案 解决方案二:在这个页面设下隐藏域记录你文本框的值,提交的值和这个值作比较解决方案三:1.比较该文本框修改前和修改后的值,不就可以知道了吗?2.你也可以捕捉这个文本框的键盘输入事件啊解决方案四:引用1楼xinlan1022的回复

PHP+Js生成动态文本框然后获值的问题

问题描述 PHP+Js生成动态文本框然后获值的问题 页面是这样的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

Jquery下Textarea文本框自动适应高度实例

例1  代码如下 复制代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框根据输入内容自适应高度</title> <sty

让文本框插入的值及时显示在当前页面的分页上

因为分页和保存按钮在同一个页面上,所以保存了之后分页会去后台取值,取值但不是再走一次sql语 句,所以这样会出现错误,解决办法就是在保存按钮的action里加上这样一句话,就可以了 Java代码 servlet.getServletContext().getRequestDispatcher("/ProtectListPage.do").forward (request, response); return null ; 这样说明保存完了值,又去后台执行了一次分页的sql语句,就可以及

java-请问,keyup时间怎样使文本框输入的值是10或者10的倍数?

问题描述 请问,keyup时间怎样使文本框输入的值是10或者10的倍数? 如题keyup时间怎样使文本框输入的值是10或者10的倍数? 解决方案 用keyup对用户体验不太好,建议用 blur 以下是例子 $(function(){ $("#demo").blur(function(){ var value = $(this).val(); if(value == null || value == ''){ value = 10; } var num = parseInt(value)

javascript-在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A

问题描述 在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A 在js中 如何用Jquery 获取一个文本框中的值 文本框的ID=a 解决方案 $("#a").val()就是获取ID=A 的input的value值 解决方案二: $("#A").val() 解决方案三: js与jQuery获取文本框的值js获取文本框值JS获取文本框的值----------------------

jquery+ajax+text文本框实现智能提示完整实例_jquery

本文实例讲述了jquery+ajax+text文本框实现智能提示的方法.分享给大家供大家参考,具体如下: 模仿百度查询的智能提示 先看看效果图: 代码部分: CSS代码: <style type="text/css"> #searchresult { width: 130px; position: absolute; z-index: 1; overflow: hidden; left: 130px; top: 71px; background: #E0E0E0; bord

保持刷新文本框中的值

保持刷新文本框中的值<HTML><HEAD><META NAME="save" CONTENT="history"><STYLE>     .saveHistory {behavior:url(#default#savehistory);}</STYLE></HEAD><BODY><INPUT class=saveHistory type=text id=oPersistInp