ajax制作表单验证示例
ajax的功能主要是应用在js上,ajax对asp没什么要求,asp只负责在后台显示及操作服务端的数据。
可以像下面这样思考:
1.写表单第一项(如用户名)
2.onblur事件(失去焦点)发生时开始验证,onblur="checkusername()"
3.js发一个请求给第一个asp(假定为ajaxusername.asp)如果从数据库中找到了这个用户,给出1(ajaxusername.asp所有内容就是一个1)如
<%
if(user.exist())response.write "1"
%>
4.js收到,会自动执行checkuser()函数。
checkuser把用户名一行底色改变,并显示“用户己存在”
asp部分你就自己写了。下面给出一些js代码。
<script>
/*以下函数一般不需要改变*/
var Ajax;
function CreateAjax(){
if (window.XMLHttpRequest){
Ajax = new XMLHttpRequest();
}else if (window.ActiveXObject){
Ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function SendData(url_,sendtext_){
Ajax.open("POST",url_,true);
Ajax.onreadystatechange = checkuser;
Ajax.send(sendtext_);
}
function CheckAjaxStatus(Ajax_){
if(Ajax_.readyState == 4)
if(Ajax_.status == 200)
return true;
return false;
}
/*以上函数一般不需要改变*/
function checkuser(){
if(!CheckAjaxStatus(Ajax))return;
//asp返回果对结果的处理。服务器返回的就是ajaxusername.asp,这个结果存于Ajax.responseText属性中。
}
function checkusername(){
CreateAjax();
SendData("ajaxusername.jsp","username=" + name);
}
</script>
相关文档:
ASP.NET AJAX(最初代码名为“ATLAS”)框架,作为重点支持ASP.NET开发平台的开源Ajax框架在它一出世时就受到广大.NET开发人员的青睐。在本文中,我们将专注于分析ASP.NET AJAX编程中服务器与客户端通信过程中的数据存储形式的问题。具体地说,我们将探讨一个实现序列化与反序列化的服务器端对象—JavaScriptS ......
var jsonObj;
var xmlhttp = null;
function callAsync(url, callbackSuccess)
{
xmlhttp = new Ajax();
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange=function()
{
// readyState = 4 ; "complete"
if (xmlhttp.readyState==4)
{ ......
使用Ajax中查询数据库时,只第一次查询了数据库,以后再有请求就不提交给服务器处理了
页头的清缓存标签没起作用
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
解决方法:
1:加时间戳 var url ......
在看文章前,先指定一个通用的变量xhr,xhr代码ajax对象。
测试浏览器:ie为ie6,firefox为2,其他的未测试。统称ie6为ie,firefox2为ff。
基本的
1,最经典的就是ie下的缓存问题了。
如果使用的是get,那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数,使url变为唯一,这样就不会出现 ......
本文内容摘自:《Java Web开发教程——入门与提高篇(JSP+Servlet)》
AJAX是Asynchronous JavaScript and XML的缩写,涉及JavaScript脚本、XHTML和CSS、DOM、XML和XSTL等技术。
l XHTML与CSS实现数据信息的统一化和标准化显示;
l & ......