AJAX如何实现无刷新注册？

[Tina_Zhanghai]

我是一个AJAX初学者，现在在用此做毕业设计，我准备用AJAX做一个用户注册登录界面，即学习者注册填写用户名后，就可以知道所写用户名是否可用，而无需提交整个页面后才知道。我用的平台是vs2008+SQL2005，有注释更好。

[ljb0901]

联系我吧，给你例子QQ：165915

[惜分飞-Tel:[phone]]

这个是ajax最基础的了哦，建议楼主自己好好的学习下哦，不要~~~~~

[Tina_Zhanghai]

哦，呵呵。

[jerryhrj]

贴段代码，自己改改，实现的机制是一样的：

function submitdeleteAllRow()
{	
	if(!confirm("确定要全表删除吗?")){
		return;
	}
	var tableName = "<c:out value='${result.crudMeta.beanName}'/>";	
	var sql = "delete from "+tableName;
	//alert(sql);
	//return;
	var url = "<c:url value='/servlet/Ajax4Update'/>";	
	processQry4(url, sql);	
	
}
function processQry4(iUrl,iSql){	
	createXMLHttpRequest();	
	var url = iUrl;
	var sql = iSql;
	var queryStr = encodeURI("sql="+sql);
	this.eventSrc = window.event.srcElement;
	
	//获取数据错误，中止操作
	if(sql == "" || sql==null){
		//alert("请输入查询条件");
		return false;
	}		

	xmlHttp.open("POST",url,true);
	xmlHttp.onreadystatechange = handleStateChange4;
	xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");	
	xmlHttp.send(queryStr);
}

function handleStateChange4(){
	if(xmlHttp.readyState == 4){	
		if(xmlHttp.status == 200){				
			doParse4();
		} else {
			alert("server error:"+xmlHttp.status);
		}		
	}
}
function doParse4(){
	var result = xmlHttp.responseXML;	
	var rs = result.getElementsByTagName("ResultSet")[0];
	var returnVal = rs.text;	
	return callBack4(this.eventSrc,returnVal);
}

function callBack4(eventobj,retVal){
	if(retVal != null && retVal != "" && retVal == "1"){
		alert("删除成功！");
	}
}

package com.icbc.fidb.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.Hashtable;
import java.util.List;
import java.util.StringTokenizer;

import javax.servlet.Servlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.icbc.param.util.DbService;
/**
 * @version 	1.0
 * @author <a href="mailto:[e-mail]">yangfh</a>
 */
public class Ajax4UpdateServlet extends HttpServlet implements Servlet {

	/**
	* @see javax.servlet.http.HttpServlet#void (javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse)
	*/
	public void doGet(HttpServletRequest req, HttpServletResponse resp)
		throws ServletException, IOException {
		doPost(req, resp);
	}

	/**
	* @see javax.servlet.http.HttpServlet#void (javax.servlet.http.HttpServletRequest, javax.servlet.http.HttpServletResponse)
	*/
	public void doPost(HttpServletRequest req, HttpServletResponse resp)
		throws ServletException, IOException {
		
		StringBuffer retXml = new StringBuffer();
		PrintWriter outWriter = resp.getWriter();		
		try {
			resp.setContentType("text/xml");
			resp.setHeader("Cache-Control", "no-cache");
			req.setCharacterEncoding("ISO-8859-1");			

			//获取传进来的sql语句
			String sqlStr =
				new String(
					req.getParameter("sql").getBytes("ISO-8859-1"),
					"UTF8");					
						
			DbService.executeUpdate("ORACLEJDBC", sqlStr);
			
			retXml.append("<ResultSet>");
			retXml.append("1");
			retXml.append("</ResultSet>");			
			
			outWriter.print(new String(retXml));
			
		} catch (Exception e) {
			retXml.append("<ResultSet>");
			retXml.append("0");
			retXml.append("</ResultSet>");
						
			outWriter.print(new String(retXml));
		}

	}

}

[sohighthesky]

晕，jf

[技术价值体现之道践行者]

即然用VS2008，装上MS的AJAX框架，呵呵，那就太简单了
所用的东西放到updatpanel里，其他全部不用变，原来咋写就还咋写吧，自然就是AJAX，反正只是个演示啥的
呵呵