简单刷新问题

kangbo818 2009-04-09 03:36:35
执行list(number)函数时，里面执行两个动作，一个traintrack.do动作，会在表格显示数据；
一个drawLine(350,100,400,150)函数，页面画一条线；
但document.location.href会刷新页面，drawLine(350,100,400,150)画出的线会被新页面刷新，
怎么阻止刷新出新的页面，使连个动作在页面上都显示出来
或者还有其他函数可实现动作.do？？？
看明白的帮忙



function list(number)

		{

		

		document.location.href="traintrack.do?number="+number;

		//window.open(${pageContext.request.contextPath}/traintrack.do?number=${t.number});

		//setTimeout(drawLine,2000); 

		drawLine(350,100,400,150);

		}
...全文
207 33 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
33 条回复
切换为时间正序
请发表友善的回复…
发表回复
kangbo818 2009-04-13
  • 打赏
  • 举报
 回复
非常感谢，终于搞定，结账
囧 2009-04-12
  • 打赏
  • 举报
 回复
再把window.onload 改成下面这样,开始没做类型转换



window.onload = function(){

    var s = window.location.search;

    if(/.*?line=([\d,]*)/i.test(s)){

        var arg = RegExp.$1.split(",");

        drawLine(parseInt(arg[0]), parseInt(arg[1]), parseInt(arg[2]), parseInt(arg[3]));

    }

};
囧 2009-04-12
  • 打赏
  • 举报
 回复
你body上有个onload 把这个去掉
kangbo818 2009-04-12
  • 打赏
  • 举报
 回复
地址栏：
http://127.0.0.1:8080/traintracks2/traintrack.do?number=k601&line=350,100,400,150
但画线函数还是没执行
kangbo818 2009-04-12
  • 打赏
  • 举报
 回复
大哥还在吗？？？
代码如下
















<HTML>

	<HEAD>

		<TITLE>index</TITLE>

		<META http-equiv=Content-Type content="text/html; charset=gb2312">





		<script Language="javascript">

		

		

		

  window.onload = function(){

    var s = window.location.search;

    alert(s);

    if(/.*?line=([\d,]*)/i.test(s)){

        var arg = RegExp.$1;

        alert(arg);

        drawLine.apply(this, arg.split(","));

    }

};





function list(number)

{

    document.location.href="traintrack.do?number="+number+"&line=350,100,400,150";

    //drawLine(350,100,400,150);

}

		





//定义点的绝对坐标

function drawDot(x,y)

{

  var dot="<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color:#ff66ff' width=2 height=2></td></tr></table>";



  return dot;

}



//两点连线

function drawLine(x1,y1,x2,y2)

{

  var i;

  var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1))); //Math.floor()下舍入（即比它小，但最接近它的整数)；Math.sqrt()(返回平方根) //求出直线得长度

  var theta=Math.atan((x2-x1)/(y2-y1));//求出反正切

  var line="";

  if(((y2-y1)<0&&(x2-x1)>0)||((y2-y1)<0&&(x2-x1)<0))

  {

   theta = Math.PI + theta;

  }

  var dx=Math.sin(theta);

  var dy=Math.cos(theta);

  for(i=0;i<r;i++){

    line+=drawDot(x1+i*dx,y1+i*dy);    

  }

  a.innerHTML=line;

}



//动态生成轨迹



function lineTrack(x3,y3,x4,y4)

{

document.write("---------");

       

          var name = 'k1'

          document.write(name);

     

          var name = 'k601'

          document.write(name);

     

          var name = 'k8'

          document.write(name);

     

    

  

}



        







</script>





	</HEAD>

	<BODY bgColor="#ffffff" onload="init()">



		<table width="100%" align="right" border="0" cellpadding="0"

			cellspacing="0" height="50">

			<tr>



				<td align="left">

					<font color="red" size="+1"><b>火车轨迹系统</b> </font>

				</td>

				<td width="30%" align="right" valign="bottom">

					 

				</td>

			</tr>

			<tr>

				<td colspan="3" align="right">



				</td>

			</tr>

		</table>

		<hr>

		<br>

		<br>

		<H3 align="left">

			火车信息：

		</H3>







		<TABLE width="300" border="1" align="left">

			<TR height="25">

				<TD>

					车次

				</TD>

				<TD>

					起点

				</TD>

				<TD>

					终点

				</TD>

			</TR>

			

				<TR>

					<TD>

						<A  href="#" onclick=javascript:list("k1")>k1</A>

					</TD>

					<td>

						hangzhou

					</td>

					<td>

						shanghai

					</td>

				</TR>

			

				<TR>

					<TD>

						<A  href="#" onclick=javascript:list("k601")>k601</A>

					</TD>

					<td>

						beijing

					</td>

					<td>

						hangzhou

					</td>

				</TR>

			

				<TR>

					<TD>

						<A  href="#" onclick=javascript:list("k8")>k8</A>

					</TD>

					<td>

						beijing

					</td>

					<td>

						tianjin

					</td>

				</TR>

			

		</TABLE>

		<BR>

		<br>

		<br>

		<BR>

		<br>

		<br>

		<BR>

		<br>

		<TABLE width="300" border="1" align="left">

			<TR height="25">

				<TD>

					车次

				</TD>

				<TD>

					时间

				</TD>

				<TD>

					车速

				</TD>



			</TR>

			

				<TR>

					<TD>

						<a href="#"

							onClick=javascript:drawLine(280,280,280+100,280+100)>k601</A>

					</TD>

					<TD>

						2009-04-12 19:01:13.0

					</TD>

					<TD>

						280

					</TD>



				</TR>

			

				<TR>

					<TD>

						<a href="#"

							onClick=javascript:drawLine(260,260,260+100,260+100)>k601</A>

					</TD>

					<TD>

						2009-04-12 19:01:29.0

					</TD>

					<TD>

						260

					</TD>



				</TR>

			

			<tr>

				<td colspan="3"">

					<input type=button name="confirm" id="confirm" value="查看轨迹"

						display="none" onclick=javascript:drawLine(350,300,500,400)></input>



					<input type="button" name="onclick" value="查看轨迹"

						onClick=javascript:drawLine(350,300,500,400)></input>

				</td>

			</tr>

		</TABLE>





		<input type="button" name="onclick1" value="显示"

			onClick=javascript:lineTrack(350,300,500,400)></input>

		<div id=a></div>



	</BODY>

</HTML>
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
不懂啊，没学过ajax，加点注释，感觉和框架差不多
没有简单点的吗？
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
多谢兄弟，我研究下先
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
顶起来，快
osobo 2009-04-10
  • 打赏
  • 举报
 回复
用ajax静态刷新就可以了。



function GetXmlHttp(){

      var xmlhttp=false;

      try{

       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

      }

      catch (e){

       try{

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

       }

       catch(e){

        xmlhttp = false;

       }

      }

      if (!xmlhttp && typeof XMLHttpRequest!='undefined'){

       try{

        xmlhttp = new XMLHttpRequest();

       }

       catch (e){

        xmlhttp=false;

       }

      }

      if (!xmlhttp && window.createRequest){

       try{

        xmlhttp = window.createRequest();

       }

       catch (e){

        xmlhttp=false;

       }

      }

      return xmlhttp;

     }

	 

	  var xmlhttp = GetXmlHttp(); 



      function CheckDate() 

      { 

      xmlhttp.open("POST", "traintrack.do?number="+number, false); 

      xmlhttp.onreadystatechange = updatePage; 

      xmlhttp.send(null);

      } 

      

      function updatePage() { 

      if (xmlhttp.readyState < 4) { 

      loadBar(1); 

      } 

      if (xmlhttp.readyState == 4) { 

  	  document.getElementById("draw_web").innerHTML=s;

           drawLine(350,100,400,150);



          }

}

//页面内容装在一层里面“draw_web”
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
都不行啊，可以的话自己解决了，呵呵
lihan6415151528 2009-04-10
  • 打赏
  • 举报
 回复
window.location.href

或者 window.open~
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
没人帮解决啊
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
不行吗？我也不知道，我功能实现了，只是那条线闪一下就没了，要命啊，高人快来帮忙啊
licip 2009-04-10
  • 打赏
  • 举报
 回复
这个可以吗?好像不行.
licip 2009-04-10
  • 打赏
  • 举报
 回复
这个可以吗?好像不行.
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
不明白，那个数据能那么传吗？什么时候调用drawLine?
囧 2009-04-10
  • 打赏
  • 举报
 回复
我是说点击下面这个
<A href="${pageContext.request.contextPath}/traintrack.do?number=${t.number}&line=350,100,400,150">${t.number}</A>

链接后的html源代码, 右键->查看源代码 这里的. 你这个是jsp的,有服务器代码,不好调试.
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
你是说用onclock吧，我试了，效果一样，只执行前面的，愁~~
kangbo818 2009-04-10
  • 打赏
  • 举报
 回复
你是说用button试试<A href="${pageContext.request.contextPath}/traintrack.do?number=${t.number}&line=350,100,400,150">
我试试
囧 2009-04-10
  • 打赏
  • 举报
 回复
发点击链接后的html代码.
加载更多回复（13）
IOS下拉刷新Demo实现
使用EGOTableViewPullRefresh开源项目在IOS中实现UITableView的下拉刷新功能，对源码进行了一些改动，支持中英文显示，刷新时间格式也做了修改
【计组】简单理解集中式刷新、分散式刷新、异步式刷新
先来看看这三种刷新中的两个角色… 存储单元：存数据的小弟，一行为一个单位（假设存储器有256行，每行有256列），这里有256行存储单元，这些孩子编号为0~255行————一次操作一行的存储单元~ cpu：老大哥。从存储单元里面操作数据啦，一次取一行或者写一行的数据。 那么他们要做什么呢?自然是老大哥(cpu)想让小弟们(一行一行的存储单元)存或者写数据啦~ 但是，存储单元有一个特性：每隔一段时间得充电，也就是刷新，不然就会由于没电导致数据丢失（假设4ms内必须充电一次，这个4ms，也叫做最大刷新周期）
win10桌面点击刷新的时候图标位置会变换问题
目录 一、问题描述 二、问题原因 三、解决步骤  3.1 更改自动排列图标 3.2 设置排序方式 一、问题描述 win10桌面点击刷新的时候图标位置会变换问题 二、问题原因 1、刚刚重装的系统 2、升级后的系统 3、别的原因，没有选择图标排列方式，所以每次刷新都会按照不同的方式排列，所以就出现了每次都变换图标问题 三、解决步骤  3.1 更改自动排列图标     1...
Android RecycleView notifyItemChanged()刷新闪烁问题处理
在RecycleView notifyItemChanged(position) 刷新得时候部分情况下会出现图片闪烁问题,导致此问题出现的原因有几种,项目中出现了这个问题再次记录下集中解决思路供大家梳理 原因: 1.条件情况下执行了动画操作导致了刷新闪烁问题 2.图片重新加载导致了刷新问题 3:全局刷新导致Item数据重新填充刷新了Item 解决方案: 1.关闭动画效果 //关闭动画效果 SimpleItemAnimator sa=(SimpleItemAnimator )recycle...
Token刷新机制
方法优点缺点基于定时器的自动刷新简单易实现，自动化管理不适用于后台刷新，可能导致不必要的网络请求基于请求拦截器的刷新高效，适用于后台刷新，减少不必要的网络请求,复杂度增加，需要处理并发刷新问题，同一时刻多个请求可能触发多次刷新。首次请求可能延迟基于响应拦截器的刷新只有在必要时才刷新 token，避免不必要的请求，能够处理 token 失效后的各种情况，包括并发问题。首次请求失败可能增加延迟。
JavaScript

87,997

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章