如何用Ajax实现前后台数据互相传递?

如何用Ajax实现前后台数据互相传递?,第1张

给你个例子,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: redfont-size: 12px"></span>

<br>

</form></div></body>

</html>验证类就随便吧!!!!!

ajax大致原理就是,发出一个请求,被正常相应后,对回传回来的一组数据,进行处理后显示在页面上。

至于你的追问:怎么才能把编号、温度、湿度这些数据返回到另一界面?

假设你现在有A.jsp 、B.jsp 两个页面,其中A.jsp有个按钮,当按钮click时,触发ajax调用(也就是异步调用),去访问了B.jsp,而这个B.jsp就是你访问数据库后生成的xml内容,那么当请求得到了响应后,会把这部分的xml传回来,你就可以在回调函数中进行处理了。

网络上的ajax资料很多···还是多找些资料吧······自己理解,才更容易记忆。

建议看看流行的jquery,它对ajax的封装比较简单和容易上手。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9259173.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存