这2周一直做mapxtrme的客户端开发,在客户端开始用到了下面的一个函数
function bigMap()
{
var newzoom=0.5;
if(zoom<2)
zoom++;
var centerx = parseInt(document.all.imgmap.style.pixelWidth)/2+parseInt(document.all.mapframe.style.left);
var centery= parseInt(document.all.imgmap.style.height)/2+parseInt(document.all.mapframe.style.top);
document.all.imgmap.src="servlet/Mapservice"+"?rqutype=changemapsize¢erx="+centerx+"¢ery="+centery+"&newzoom="+newzoom; }
希望能够不断的放大图片,但是该函数仅仅在执行第一次的时候能够触发,之后就没有发送图片放大的请求到服务器端.在摸索了大半天后,感觉可能是imgmap.src一直没变,从而它没有重新发送请求到servlet服务器的原因.src后面加入了时间戳后,就可以每次调用该函数的时候,地图图片根据自己的要求变大了.具体代码如下:
function bigMap()
{
var timestamp = new Date();
var newzoom=0.5;
if(zoom<2)
zoom++;
var centerx = parseInt(document.all.imgmap.style.pixelWidth)/2+parseInt(document.all.mapframe.style.left);
var centery= parseInt(document.all.imgmap.style.height)/2+parseInt(document.all.mapframe.style.top);
[b]document.all.imgmap.src="servlet/Mapservice"+"?rqutype=changemapsize¢erx="+centerx+"¢ery="+centery+"&newzoom="+newzoom+"&stamp="+timestamp;[/b] }
可能我的方法很多人看来很简单,不过它解决我手上的难题就是最适用!仅仅的感觉开发任务轻松了一些!
希望结交关注机器学习的朋友!
分享到:
- 2008-09-27 11:00
- 浏览 1290
- 评论(0)
- 论坛回复 / 浏览 (0 / 1344)
- 查看更多
相关推荐
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...
Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,因为它避免了页面刷新...
在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后,图片消失...
开发者需要理解AJAX请求如何影响页面生命周期,以及如何适当地绑定和触发事件,以确保应用程序的正常运行。对于复杂的Web应用,可能需要结合使用多种技术和策略,如自定义控件、jQuery插件等,以实现理想的功能和...
在AJAX请求中,事件处理是非常关键的一部分,它允许我们控制请求的生命周期,并在特定阶段执行相应的函数。本文将深入探讨"AJAX请求完成时执行的函数"以及相关的Ajax事件。 1. **AJAX请求过程** AJAX请求通常包括...
在上述代码中,如果服务器在4秒内没有返回响应,那么error回调函数会被触发,并且可以在此函数中再次发起Ajax请求,或者进行其他的错误处理操作。这种处理方式特别适合于需要周期性检查服务状态的场景,如轮询某个...
<button id="ajaxButton">发送AJAX请求 ;">加载中... ``` 在上述代码中,`id="ajaxButton"`是我们的触发按钮,而`id="loadingIndicator"`则是用于显示加载指示器的元素,初始状态为隐藏。 现在,编写JavaScript...
当用户在输入框中输入用户名时,一个JavaScript事件监听器(如onkeyup或onblur)会触发Ajax请求。这个请求将发送到服务器,携带当前输入的用户名。 描述中提到"hibernate集成struts连接Oracle数据库",这是Java Web...
在本示例中,我们需要实现一个功能:当用户在树形菜单中选择某一节点时,通过 AJAX 异步请求向后台添加新的子节点,并在前端动态显示出来。 首先,我们看到 HTML 结构中有一个 `#demo` ID 的 `ul` 元素,它是 layui...
为了优化用户体验,还可以加入缓存机制,避免频繁的Ajax请求,以及错误处理机制,确保在网络问题或服务器错误时,仍能提供良好的反馈。 在实际项目中,还可以结合其他技术,比如Bootstrap的下拉组件,或者使用Vue、...
在使用JavaScript的Ajax请求时,如果在Ajax请求完成后没有阻止按钮的默认行为,即表单提交,就会发生“一次点击两次提交”的情况。下面详细探讨两种常用的解决办法。 ### 解决方案一:更改按钮的type属性 第一种...
2. **编写JavaScript**:初始化事件监听器,如点击事件,触发Ajax请求。使用`XMLHttpRequest`或更现代的`fetch` API发送请求。 3. **服务器端处理**:根据接收到的请求参数,查询数据库并构建菜单数据结构,然后以...
当用户点击节点时,触发AJAX请求,并根据返回结果更新对应的树形结构。 5. 数据缓存:为了提高性能,可以考虑使用浏览器的本地存储(如localStorage或sessionStorage)来缓存已经加载过的目录数据。这样,当用户...
JavaScript的事件驱动模型使得在表单元素上绑定事件监听器变得简单,如onchange、onblur等,触发AJAX请求进行验证。 7. **错误提示** 当AJAX请求返回验证结果时,前端可以动态更新错误消息,展示在对应的表单字段...
点击某个节点时,触发Ajax请求。 3. **Ajax请求**:当用户点击节点时,发送一个Ajax请求到服务器,请求的数据通常是该节点的子节点信息。这个请求是异步的,不会阻塞用户界面。 4. **服务器端处理**:服务器接收到...
- 在HTML元素上添加事件监听器,例如`onClick`,当用户触发该事件时,会调用Ajax请求。 2. **Ajax请求**: - 使用jQuery的`$.ajax()`或`$.get()`、`$.post()`方法发起Ajax请求。例如,一个简单的GET请求可能如下...
随着ES6的普及,Promise和Async/Await被用来处理异步操作,使得Ajax请求的代码更加清晰和易于理解。Promise代表一个异步操作的最终完成或失败,而Async/Await则提供了一种类似同步的编程方式。 9. **跨域问题** ...
3. **Ajax请求**: 当用户点击“添加行”按钮时,发送一个Ajax请求到服务器,可能包含新行的数据。服务器端接收请求,处理数据(例如,存储在数据库中),然后返回新的表格行数据。JavaScript收到响应后,将新行...
在本项目中,当用户滚动到页面底部时,触发Ajax请求,向服务器请求更多的数据。服务器响应后,这些新数据会被添加到现有的瀑布流布局中,Masonry插件会自动调整元素的位置,保持原有的瀑布流效果。 在实现过程中,...
1. **JavaScript事件监听**:在用户触发某个操作(如点击按钮)时,JavaScript可以通过监听事件来捕获这一行为,并在事件触发后执行相应的AJAX请求。 2. **AJAX调用**:使用JavaScript的XMLHttpRequest对象或更现代...