如何不刷新页面,客户端向服务端传递参数进行计算并返回结果
比如有一个表,内有两个单元格,鼠标单击第一个单元格后,执行一段程序,在这个程序里,读取这个单元格的内容,传到服务端进行查询数据库并计算(本人只会asp),然后将计算结果返...
比如有一个表,内有两个单元格,鼠标单击第一个单元格后,执行一段程序,在这个程序里,读取这个单元格的内容,传到服务端进行查询数据库并计算(本人只会asp),然后将计算结果返回,显示在第二个单元格中。
大概是这样
<table border="1" width="100%">
<tr>
<td id=td1 onclick="javascript:fun1(this.innerHTML)" >123</td>
<td id="td2" ></td>
</tr>
</table>
<script language=javascript >
function fun1(str){
客户端 参数为 str
<%
服务端(asp)
取得参数 str 并计算,结果为 r
r = 结果
%>
//将结果显示在 第二个 单元格中
document.getElementById('td2').innerHTML ="<%=r%>";
}
</script>
谢谢先
网上查,说用cookie,但总实现不了,还说用 ajax,可惜不懂,给了例子最好,谢谢! 展开
大概是这样
<table border="1" width="100%">
<tr>
<td id=td1 onclick="javascript:fun1(this.innerHTML)" >123</td>
<td id="td2" ></td>
</tr>
</table>
<script language=javascript >
function fun1(str){
客户端 参数为 str
<%
服务端(asp)
取得参数 str 并计算,结果为 r
r = 结果
%>
//将结果显示在 第二个 单元格中
document.getElementById('td2').innerHTML ="<%=r%>";
}
</script>
谢谢先
网上查,说用cookie,但总实现不了,还说用 ajax,可惜不懂,给了例子最好,谢谢! 展开
展开全部
学习 AJAX 它配合脚本语言使用
简单实例:
//核心对象变量
var xmlHttp;
//区分浏览器创建XMLHttpRequest核心对象
function create(){
if(window.XMLHttpRequset){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
//ajax核心执行方法(此处为提交到servlet处理后,返回纯文本)
function run(){
create();
var value = document.getElementById("id").value;
var URL = "/ajax/servlet/ajax?name="+value;
xmlHttp.open("GET",URL,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
//回调函数
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var v = xmlHttp.responseText;
alert(v);
}
}
}
然后 可以参考:"http://seethemoon.javaeye.com/blog/665112"
简单实例:
//核心对象变量
var xmlHttp;
//区分浏览器创建XMLHttpRequest核心对象
function create(){
if(window.XMLHttpRequset){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
//ajax核心执行方法(此处为提交到servlet处理后,返回纯文本)
function run(){
create();
var value = document.getElementById("id").value;
var URL = "/ajax/servlet/ajax?name="+value;
xmlHttp.open("GET",URL,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);
}
//回调函数
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var v = xmlHttp.responseText;
alert(v);
}
}
}
然后 可以参考:"http://seethemoon.javaeye.com/blog/665112"
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询