ajax与asp.net无刷新检测用户名是否存在

/*
1,url是要链接的页面和传过去的值,传过去值,让动态页面执行
2,default.asp教程x为要为这个执行的页面
3,name是传过去的参数名
4,document.getelementbyid('text1').value传过去的参数值
5,message.responsetext成功之后从服务端返回的消息
*/

jquery代码

 

$(document).ready(function(){
$("#button1").click(function(){
$.ajax({
type:"get",
url:"responsepage.asp教程x?name="+document.getelementbyid('text1').value,
success:function(message) {
alert(message);
}

});

});
});

asp.net教程文件

 

if (request["name"] != null)
{
this.response.clear();
string name = request["name"].tostring();
if (name == "1")
{
response.write("用户名已存在,请填写其他的用户名!");
}
else
{
response.write("该用户名没被注册,可以使用!");
}

this.response.end();
}

javascript教程脚本文件

 

var ajax = function(option)
{
var request;
var createrequest = function()
{
//var request;
if (window.xmlhttprequest)
{
request = new xmlhttprequest();
}
else
{
try
{
request = new activexobject("microsoft.xmlhttp");
}
catch (e)
{
request = new activexobject("msxml2.xmlhttp");
}
}
return request;
}
var sendrequest = function()
{
request = createrequest();
request.open("get", option.url, true);
//request.open("post", option.url, true);
//发送请求之前设置该属性,获取服务器上的准备状态
request.onreadystatechange = responserequest; www.111cn.net
request.send(null);
}

var responserequest = function()
{
alert("http的就绪状态: "+request.readystate);
if (request.readystate == 4)
{
if (request.status == 200)
{
alert("一切顺利!");
option.success(request);
}
else
{
alert("出现错误,错误信息为: "+request.status);
option.failure(request);
}
}
}
sendrequest();
}
//判断输入的数值是否存在
function getis()
{
var option =
{
url: "default.aspx?name="+document.getelementbyid('text1').value,
success:function(message)
{
alert(message.responsetext);
}
};
new ajax(option);
}

/*---------get 和 post的区别------------
1、 get是把参数数据队列加到提交表单的action属性所指的url中,值和表单内各个字段一一对应,在url中可以看到。
post是通过http post机制,将表单内各个字段与其内容放置在html header内一起传送到action属性所指的url地址。用户看不到这个过程。
2、 对于get方式,服务器端用request.querystring获取变量的值,
对于post方式,服务器端用request.form获取提交的数据。
两种方式的参数都可以用request来获得。
3、 get传送的数据量较小,不能大于2kb。
post传送的数据量较大,一般被默认为不受限制。
4、 get安全性非常低,post安全性较高。
5、 当我们在提交表单的时候我们通常用post方式,当我们要传送一个较大的数据文件时,需要用post。
当传递的值只需用参数方式(这个值不大于2kb)的时候,用get方式即可。
/*
request.readystate == 4说明服务器已经收到一个响应
request.status == 200,http服务器响应的状态值,表示一切顺利
http的就绪状态
0:请求没有发出(在调用 open() 之前)。
1:请求已经建立但还没有发出(调用 send() 之前)。
2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)。
3:请求已经处理,响应中通常有部分数据可用,但是服务器还没有完成响应。
4:响应已完成,可以访问服务器响应并使用它。
*/

时间: 2024-08-31 08:42:16

ajax与asp.net无刷新检测用户名是否存在的相关文章

Asp.net实现无刷新检测用户名

本文将向大家介绍Asp.net实现无刷新检测用户名的方法,功能为:当用户输入用户名,用户名的文本框失去焦点后就检测用户名是否重复,不用再点击一个按钮才能检测(如今很多网站都具备这个功能哦). 下面就给出实现这一功能的代码: 前台代码: 以下是引用片段: <script type="text/javascript" language="javascript"> var xmlHttp = null; function CheckUser() { try {

AJAX实现无刷新检测用户名功能

先来看看原理图 register.php <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ajax无刷新检测</title> <style type="text/css"> body{margin:0;padding:0;}.content{width:800px;margin:0 auto;}ul,li{l

php ajax实现无刷新检测用户名是否可用

前 言                                                   直接上代码有点不厚道.于是按照天朝传统,整段描述吧....(本人语言表达能力有限,大家忍着看)  功 能                                                   在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册. 这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天研究了下 jQuery

不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术_javascript技巧

网上流传的什么<<AJAX vs ASP传统无刷新>>中的ASP无刷新,加个IFRAME,弄个JS根本不能称之为无刷新..... 一下代码未区分大小写,请自行修改! 全静态无刷新思路: <HTML> <SCRIPT SRC=""></SCRIPT>//当前页面全局的 无数新调用 <SCRIPT> //一系列JS调用 FUNCTION XX(FUN_NAME,PARAMETER_NAME,PARAMETER_VALU

JS+ASP打造无刷新新闻列表

新闻列表在各大网站中并不少见,有了新闻列表就少不了分页,今天我们要谈的就是各分页间的切换方式. 传统的方法是将页码以URL参数的形式传到列表页,列表页内程序根据传入的参数来显示不同的内容,这之间就有了一次刷新.然而很多时候页面中的新闻列表只占该页布局的一小部分,分了更新这小部分的内容却得刷新整个页面的内容,有人抗议了,于是之后就有人采用XMLHTTP.AJAX等技术来实现无刷新更新列表.今天我们也要实现无刷新更新列表,但不使用XMLHTTP.AJAX等新技术,只使用传统的JavaScript和A

AJAX初级应用-RSS无刷新聚合器的代码与下载

ajax|rss|刷新|无刷新|下载 rss.js[复制此代码]CODE:<!-- //控制ID function getId(objId){     return document.getElementById(objId) } //链接对应数组,请注明转载自http://www.cnrui.cn/blog function urlArrary(urlName){     switch(urlName){         case "clear":             re

Javascript+ASP打造无刷新新闻列表

javascript|刷新|无刷新 如上图所示的新闻列表在各大网站中并不少见,有了新闻列表就少不了分页,今天我们要谈的就是各分页间的切换方式.传统的方法是将页码以URL参数的形式传到列表页,列表页内程序根据传入的参数来显示不同的内容,这之间就有了一次刷新.然而很多时候页面中的新闻列表只占该页布局的一小部分,分了更新这小部分的内容却得刷新整个页面的内容,有人抗议了,于是之后就有人采用XMLHTTP.AJAX等技术来实现无刷新更新列表.今天我们也要实现无刷新更新列表,但不使用XMLHTTP.AJAX

Ajax+FormData+javascript实现无刷新表单信息提交_javascript技巧

原理: dom收集表单信息,利用FormData快速收集表单信息 ,实例化表单数据对象 同时收集fm的表单域信息. var fd = new FormData(fm); //实例化对象 alert(fd); fd对象内部有收集的form表单域信息 ajax传递表单信息 1.静态显示页面代码 <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="t

SERVLET+AJAX如何按类别无刷新分页?请大侠赐教,在线等.

问题描述 SERVLET+AJAX如何按类别无刷新分页?请大侠赐教,在线等. 解决方案 public class Controller extends HttpServlet { protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String s = req.getParameter("a"); resp.setCo