当前位置:首页 » 操作系统 » jspajax数据库

jspajax数据库

发布时间: 2022-06-15 12:34:39

① jsp页面中利用AJAX查询数据库

ajax的原生态方法即可,
<script type="text/javascript">
var xmlHttpRequest;
//判断不同浏览器,采用不同方式创建XMLHttpRequest对象
function createXmlHttpRequest(){
if(window.ActiveXObject){
return new ActiveXObject("Microsoft.XMLHTTP");//windows浏览器
}else if(window.XMLHttpRequest){
return new XMLHttpRequest();//其他浏览器
}
}
// 发送请求到服务器,判断用户名是否存在
// 请求字符串
var url = "user.do?method=doCheckUserExists&userName="+uname;
//1. 创建XMLHttpRequest组件
xmlHttpRequest = createXmlHttpRequest();
// 2. 设置回调函数
xmlHttpRequest.onreadystatechange = haoLeJiaoWo;
// 3. 初始化XMLHttpRequest组件
xmlHttpRequest.open("GET",url,true);
// 4. 发送请求
xmlHttpRequest.send(null);
}
function haoLeJiaoWo(){
if(xmlHttpRequest.readyState == 4){
if(xmlHttpRequest.status == 200){
var b = xmlHttpRequest.responseText;
alert("服务器端返回信息:" + b);
//b 是个字符串,后台传过来的,
//.... 你想要的操作在这里写 动态刷新jsp页面
}
}
}
</script>

② 怎么在jsp页面的ajax里面查询数据库中的某个字段

你后台不是要查询数据库吗?ajax就是前后台做数据交互的,你后台查询出这个字段,用ajax交互,把你查询出的值返回到前台,要么返回null或"",要么返回有值的; 然后在ajax的success函数里面写你的逻辑就ok了;ajax知道怎么用吗? $.ajax({type :...

③ jsp中输入框用ajax验证,已经添加到数据库中,再次使用ajax验证会查重,求大神解决

这个ajax是一个异步加载的过程,你的验证码和密码是一样的,当你的鼠标onblur的时候,给他一个事件,就是去后台比较你的这个验证码是否正确,正确的话显示一张“沟”的图片提示他正确,如果错误的话,让他获得焦点重新输入,同事给他一个图片“叉”,这样就实现了验证码的功能。

ajax的返回值的用途很多,这个可以提交的时候去验证,也可以在某个事件之后直接让他去验证,还可以写个方法,刷新验证码,这个也是一样的,刷新后,后台有一个地方存储了这个验证码,然后你输入的时候去后台比较,同上。

④ jsp中,用ajax获取数据

jsp中用ajax获取数据的例子如下:
jsp代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>
<TITLE>留学生系统</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GBK">
<SCRIPT language=JavaScript type=text/JavaScript>
var XMLHttpReq = false;
//ajax接口
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Mircsoft.XMLHTTP");
}catch(e1){}
}
}
}
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange = processResponse;
XMLHttpReq.send(null);
}
function processResponse(){
if(XMLHttpReq.readyState == 4){
if(XMLHttpReq.status == 200){
var res = XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;
window.alert(res);
document.myform.userid.value="";
document.myform.pwd.value="";
}else{
window.alert("你请求的页面有异常1");
}
}
}
function userCheck(){
var userid = document.myform.userid.value;
var pwd = document.myform.pwd.value;
if(userid == ""){
window.alert("用户名不能为空");
document.myform.pwd.value="";
document.myform.userid.focus();
return false;
}else{
sendRequest("login?userid="+userid);
}
}
function pwdCheck(){
var pwd = document.myform.pwd.value;
var pwd2 = document.myform.pwd2.value;
if(pwd!=pwd2){
window.alert("密码不一致");
document.myform.pwd.value="";
document.myform.pwd2.value="";
document.myform.pwd.focus();
return false;
}
}
</SCRIPT>
<LINK href="css/css.css" type=text/css rel=stylesheet>
</HEAD>

<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" >
<tr>
<td width="17%"><img src="images/logo.jpg" width="124" height="101"></td>
<td width="558" height="101" background="images/banner.jpg"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="558" height="101">
<param name="movie" value="images/2.swf">
<param name="quality" value="high">
<embed src="images/2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="558" height="101"></embed>
<param name="wmode" value="transparent">
</object>
</div></td>
<td width="11%"><table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td height="30" class="style1"><div align="center">设为首页</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">收藏本站</div></td>
</tr>
<tr>
<td height="30" class="style1"><div align="center">联系我们</div></td>
</tr>
</table></td>
</tr>
</table>
<form method="post" action="control.jsp?action=register" name="myform">
<table width="300" border="0" align="center" bgcolor="#F0F0F0">
<tr>
<td align="center">用户名</td>
<td><input name="userid" type="text" size="20" onblur="userCheck()"></td>
</tr>
<tr>
<td align="center">真实姓名</td>
<td><input name="username" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">性别</td>
<td>
<input type="radio" name="sex" value="0" checked="checked">男
<input type="radio" name="sex" value="1">女
</td>
</tr>
<tr>
<td align="center">密码</td>
<td><input name="pwd" type="password" size="20"/></td>
</tr>
<tr>
<td align="center">密码确认</td>
<td><input name="pwd2" type="password" size="20" onblur="pwdCheck()"/></td>
</tr>
<tr>
<td align="center">电子邮箱</td>
<td><input name="email" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">学校</td>
<td><input name="school" type="text" size="20"/></td>
</tr>
<tr>
<td align="center">电话号码</td>
<td><input name="phonenum" type="text" size="20"/></td>
</tr>
<tr>
<td align="center"><img border=0 src="image.jsp"></td>
<td><input type=text name=in maxlength=4 size="8"></td>
</tr>

<tr>
<td align="center"><input type="submit" value="确定" /></td>
</tr>
</table>
</form>
</body>
</html>

⑤ 前台JSP页面使用Jquery的Ajax技术,如何令JSP的输入框获取数据库的内容,servlet又该怎么写!

ajax是异步更新,不需要刷新页面的。 用jquery里面的ajax。
JQUERY:
$.ajax({
type:'post',//可选get
url:'xx.do',

data:'data='dsa'',//传给java的数据,多个参数用&连接
dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
success:function(msg){
//这里是ajax提交成功后,PHP程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!
},
error:function(){
ajax提交失败的处理函数!
}
})

servert

是request.getp...
获取的。

⑥ 用ajax读取数据库里的数据,怎么可以传到jsp页面呢!!

首先要将取得的数据封装成json字符串,这个你自己写。
大概是这样的:
比方说User对象有name和password,
可以封装成
String jsonStr = "{"userList":[{\"name\":\"tom\",\"password\":\"123\"},{\"name\":\"jurry\",\"password\":\"123\"}]}";
action中调用response的getWriter().println(jsonStr);
将json字符串写会到ajax。
ajax里面的dataType设置为“json"
然后在”success":function(data){
data.userList[0].name;

data.userList[1].password

}
就可以调用返回的json对象了

⑦ jsp写网页,ajax访问数据库中的数据,返回JSP网页中改写什么函数

ajax大致原理就是,发出一个请求,被正常相应后,对回传回来的一组数据,进行处理后显示在页面上。
至于你的追问:怎么才能把编号、温度、湿度这些数据返回到另一界面?
假设你现在有A.jsp 、B.jsp 两个页面,其中A.jsp有个按钮,当按钮click时,触发ajax调用(也就是异步调用),去访问了B.jsp,而这个B.jsp就是你访问数据库后生成的xml内容,那么当请求得到了响应后,会把这部分的xml传回来,你就可以在回调函数中进行处理了。

网络上的ajax资料很多···还是多找些资料吧······自己理解,才更容易记忆。
建议看看流行的jquery,它对ajax的封装比较简单和容易上手。

⑧ JSP+ajax从数据库取值怎么赋给文本框

function infordwlb(){
createXMLHttpRequest(); //调用创建XMLHttpRequest对象的方法
xmlHttp.onreadystatechange=callback; //设置回调函数
xmlHttp.open("post","select.jsp"); //向服务器端发送请求
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
//设置发送参数
xmlHttp.send("province="+document.addform.inforclass.value);
document.form名.infordw.value=xmlHttp.responseText
}

⑨ jsp前台在利用Ajax向后台发起请求,如何判断后台数据库里的数据是否发生过更新

加cookie处理,思路很简单。方式有很多,我先随便写一种,觉得不合适给我留言。

  1. 首先对DB里面数据的数据加一个自增的列。记住自增的列。

  2. cookie里面缓存已经读取的数据num值,每次ajax请求的时候自加一下,在放到cookie里面,类似分页原理

  3. 如果当前num大于等于数据库这个序列的最大值,可以判断数据库没有更新的数据

基本就这样,很简单,有问题,随时M。

⑩ 关于JSP和AJAX的问题

这个蛮简单啊,在js中触发弹出一个模式窗口, 接下来就写ajax的提交 路径就跟表单一样的直接提交给给struts的action 然后在action写个调用数据库的类给记录进去ajax 部分如下<script type="text/javascript" >
function xxx(){弹出模式窗口什么的......

createXMLHttpRequest();
var url='这里写action的路径(如果复杂最好是绝对路径)';
var parameter = "这里可以挂你要的参数";
sendRequest(url,parameter,callBack);
}
function callBack(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var rootElement = xmlHttp.responseXML.documentElement;
if(rootElement.hasChildNodes()){
这里写返回的xml处理你不用到,如果有返回就写返回的内容显示比如在页面弹个什么的;
}
}
}
}
</script>

热点内容
php时间搜索 发布:2024-11-05 20:58:36 浏览:475
燕山大学编译原理期末考试题 发布:2024-11-05 20:13:54 浏览:523
华为电脑出现临时服务器 发布:2024-11-05 20:05:08 浏览:405
斗战神免费挖矿脚本 发布:2024-11-05 19:53:25 浏览:662
网吧服务器分别是什么 发布:2024-11-05 19:45:32 浏览:389
忍3无伤脚本 发布:2024-11-05 19:11:40 浏览:303
江苏云服务器散热器定制 发布:2024-11-05 18:50:15 浏览:721
投资分红网站源码 发布:2024-11-05 18:36:38 浏览:506
我的世界推荐适合萌新的服务器 发布:2024-11-05 18:30:03 浏览:581
c语言考级 发布:2024-11-05 18:16:54 浏览:506