如何用Ajax实现前后台数据互相传递?
前台(index.aspx)有一个文本框,输入内容后确定点击确定.之后传递到后台..后台与数据库比较后返回一个bool值给前台的js获取..应该怎样做?...
前台(index.aspx)有一个文本框,输入内容后确定点击确定.之后传递到后台..后台与数据库比较后返回一个bool值给前台的js获取..应该怎样做?
展开
展开全部
给你个例子，ajax验证的！javascript代码function ajaxFunction()
{
var xmlHttp;
var name=document.registForm.name.value; //输入数据
var table=document.registForm.table.value; //数据表名
var field=document.registForm.field.value; //字段名
alert(name+table+field);
try
{
// Firefox, Opera 8.0+, Safari构造方法判断浏览器
xmlHttp=new XMLHttpRequest();
}
catch (e)
{// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
//状态为4时提示
if(xmlHttp.readyState==4)
{
// document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
alert(xmlHttp.responseText);
}
}
xmlHttp.open("GET","check.jsp?name="+document.registForm.hid.value+",table="+table+",field="+field,true);
xmlHttp.send(null);
}页面处理<%@ page language="java" import="biz.check" pageEncoding="gbk"%>
<%
check biz=new check();
String name=request.getParameter("name");
String table=request.getParameter("table");
String field=request.getParameter("field");
out.print(biz.validate(name,table,field));
out.print(table+field);
%>前台调用页<%@ Page language="java" import="java.Util.*" Pageencoding="gbk"%>
<html>
<head>
<script src="LoginOfAjax.js"></script>
</head>
<body>
<div align="center"><form action="registservlet" name="registform" method="post">
用户名:
<input type="text" name="name"
onchange="this.Form.hid.Value=this.Value" onblur="ajaxfunction()"/>
<input type="hidden" name="hid" />
<input type="hidden" name="table" value="t" />
<input type="hidden" name="field" value="f"/>
<!--<input type="button" value="检查用户名是否可用" onclick="ajaxfunction()">-->
<br>
<span id="txthint" style="color: red; font-size: 12px;"></span>
<br>
</form></div></body>
</html>验证类就随便吧！！！！！
{
var xmlHttp;
var name=document.registForm.name.value; //输入数据
var table=document.registForm.table.value; //数据表名
var field=document.registForm.field.value; //字段名
alert(name+table+field);
try
{
// Firefox, Opera 8.0+, Safari构造方法判断浏览器
xmlHttp=new XMLHttpRequest();
}
catch (e)
{// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
//状态为4时提示
if(xmlHttp.readyState==4)
{
// document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
alert(xmlHttp.responseText);
}
}
xmlHttp.open("GET","check.jsp?name="+document.registForm.hid.value+",table="+table+",field="+field,true);
xmlHttp.send(null);
}页面处理<%@ page language="java" import="biz.check" pageEncoding="gbk"%>
<%
check biz=new check();
String name=request.getParameter("name");
String table=request.getParameter("table");
String field=request.getParameter("field");
out.print(biz.validate(name,table,field));
out.print(table+field);
%>前台调用页<%@ Page language="java" import="java.Util.*" Pageencoding="gbk"%>
<html>
<head>
<script src="LoginOfAjax.js"></script>
</head>
<body>
<div align="center"><form action="registservlet" name="registform" method="post">
用户名:
<input type="text" name="name"
onchange="this.Form.hid.Value=this.Value" onblur="ajaxfunction()"/>
<input type="hidden" name="hid" />
<input type="hidden" name="table" value="t" />
<input type="hidden" name="field" value="f"/>
<!--<input type="button" value="检查用户名是否可用" onclick="ajaxfunction()">-->
<br>
<span id="txthint" style="color: red; font-size: 12px;"></span>
<br>
</form></div></body>
</html>验证类就随便吧！！！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
