Jquery 如何动态传值,重新加载页面?

问题描述

比如页面上三个按钮,每点击一个按钮传一个值,重新加载一个下页面。 问题补充:比如页面上三个按钮,每点击一个按钮传一个值,重新加载一个当前页面。huoyj 写道

解决方案

$("#line").change(function(){var lineId = $("#line option:selected").text();$("#lineId").val(lineId);var serverIp=$("#line option:selected").attr("serverIp");$("#serverIp").val(serverIp);var port=$("#line option:selected").attr("port");$("#port").val(port);var encoding=$("#line option:selected").attr("encoding");$("#encoding").val(encoding);var user = $("#line option:selected").attr("user");$("#user").val(user);var status = $(this).val();if(status=="false")$("#linestatus").html("<img src='${rootUrl}images/line_red.png' alt='未连接' style='vertical-align: middle;'/><span style='color: red'> 未连接</span>");else if(status=="true")$("#linestatus").html("<img src='${rootUrl }images/line_green.png' alt='连接' style='vertical-align: middle;'/><span style='color: green'> 已连接</span>");else$("#linestatus").html("<img src='${rootUrl }images/line_grey.png' alt='未知' style='vertical-align: middle;'/><span style='color: grey'> 未知</span>");});我这段代码是一个FTP线路查找的功能,linestatus是一个div的id,在html里面可以直接写html代码,我在这里就是给div里面放了一个图片。
解决方案二:
汗。。。 页面只有一个$(document).ready(function() {.....} 想根据页面的三个按钮传不同的值,动态加载$(document).ready(function() {.....}不太明白:动态加载$(document).ready(function() {.....},上面这句是页面加载完成之后,JQUERY自动调用的function里面的方法。我们想回答,但是越看越不明白了,楼主是点击按钮让整个页面刷新吗,还是怎么个说法
解决方案三:
想根据页面的三个按钮传不同的值,动态加载$(document).ready(function() {.....}这个以前有人问过 好像不行,为啥不把$(document).ready里要执行的东西放到一个function里呢,三个页面用同一个名字的function,然后ajax success里就调用这个function进行赋值或者初始化
解决方案四:
楼主的意思,有些地方不太清楚,到底局部刷新还是整个页面刷新,如果觉得jquery不好处理的话,可以考虑使用iframe,这是比较老的方法,但是好用,如下<iframe id="myFrame" src="hello.jsp?name=123"></iframe>没点击一次按钮是重设iframe的srcfunction refreshPage(param) { document.getElementById("myFrame").src="hello.jsp?name="+param;}<input type="button" onclick="refreshPage('hello');" />
解决方案五:
<input type="button" onclick="show('zhi')" value="zhi" id="zhi"/> js里$("#zhi").click(functin(){ $.ajax({ url:xxx, data:xxx, method:'post', success: function(data) { !!!不是应该在这里用根据返回值data 用js 修改页面的么!!! } });});
解决方案六:
重新渲染页面方式也不少,如果你是整个页面渲染的话只需要事先将页面写好,点击按钮的时候跳转到那个页面就可以了。如果你要局部渲染,可以利用Jquery提共的方法html("<div>...</div>");load方法或者Jquery提供的dom操作的一些方法,看一下Jquery的文档。
解决方案七:
你可以在你想重新渲染一下的地方加一个div或者其他对象然后根据对象的id得到该对象var object = document.getElementById("XXX");然后操作该对象即可object.innerHtml="XXXXX";//里面可以写html代码
解决方案八:
整个页面加载还是局部加载,Jquery里面的html方法,load方法,还有其他dom操作可以实现页面的重新渲染
解决方案:
引用比如页面上三个按钮,每点击一个按钮传一个值,重新加载一个下页面。问题我也没看明白,能不能详细描述一下。
解决方案:
问题我没有看明白,动态传值是怎样传值,每点一个按钮传一个值,在调用js方法的时候可以传值:例如<input type="button" onclick="show('zhi')" value="zhi"/><input type="button" onclick="show('zhi0')" value="zhi0"/><input type="button" onclick="show('zhi1')" value="zhi1"/>

时间: 2024-10-31 06:18:00

Jquery 如何动态传值,重新加载页面?的相关文章

jquery tabs使用$()多次加载页面问题

问题描述 是这样的,我用了jquery的tabs功能,在左边有一些列表,右边显示每一条列表项的具体内容,我用的tabs('add/remvoe', url, tabname)来做的(destory也试了),每一次点击左边的列表项,就把相应的url的jsp页面显示到右边,但因为我右边的内容是动态加载,而且有些事件绑定和样式需要在页面加载的时候完成,我使用了$()函数,这样就出现问题,我只能点击一次左边的列表项,再点击的时候就没用了,好像是因为我的右边每一次加载页面都执行$()函数,但这个函数只在加

解决用jquery load加载页面到div时,不执行页面js的问题

 这篇文章主要介绍了解决用jquery load加载页面到div时,不执行页面js的问题.需要的朋友可以过来参考下,希望对大家有所帮助 jquery代码:    代码如下: $(function(){ $("#test").load("${contextPath}/notepad/toCreate.do"); }    加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不

jQuery实现的自动加载页面功能示例_jquery

本文实例讲述了jQuery实现的自动加载页面功能.分享给大家供大家参考,具体如下: demo.html: <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"><p>---------------</p></li> <li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"

使用jQuery或者原生js实现鼠标滚动加载页面新数据_jquery

相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多,用鼠标操作的时候相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 ,今天我们就来看看他们的实现思路和js控制动态加载的代码. 下面的代码主要是控制滚动条下拉时的加载事件的,无论是加载图片还是加载记录数据  都可以. 加载jQuery库后我们可以这样使用:   $(window).scroll(function () { var scrollTop = $

使用JQuery 加载页面时调用JS的实现方法_jquery

1,window.onload = function() {}; 2,$(document).ready(function() {}); 一.一般的加载页面时调用js方法如下: window.onload = function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 }; 这段代码会在整个页面的document全部加载完成以后执行.不幸的这种方式不仅要求页面的DOM tree

jquery加载页面的方法(页面加载完成就执行)_jquery

1.$(function(){ $("#a").click(function(){ //adding your code here }); }); 2.$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 3.window.onload = function(){ $("#a").click(function(){ //add

解决用jquery load加载页面到div时,不执行页面js的问题_jquery

jquery代码: 复制代码 代码如下: $(function(){$("#test").load("${contextPath}/notepad/toCreate.do");} 加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行 这种方式没办法实现,换个思路: 复制代码 代码如下: <div id="test">    <i

《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.19 技巧:利用JavaScript调用加载页面

9.19 技巧:利用JavaScript调用加载页面 当变更至不同的页面时,在移动端的浏览器切换到新页面之前,首先会把页面加载到DOM里面.在链接上使用data-prefetch属性会使jQuery Mobile在用户点击链接前预加载页面. 在HTML中甚至不用链接也能完成类似的功能.代码清单9-23演示了如何使用JavaScript代码来提前获取数据. 代码清单9-23 通过JavaScript代码来加载页面 00 <!DOCTYPE html> 01 <html> 02 <

异步请求动态加载页面

最近现在在做的项目需要前后端分离,并且还有一些国际化的原因,需要动态替换页面上的一些元素,我简单的和前端同学说了一下我的思路,但是前端同学貌似没太明白,于是自己写了个demo. 大致思路是这样的:先从异步请求业务系统中取到业务数据,再将业务数据中相关的Code替换成对应的中英文.实现代码如下: 前台代码: <%@page pageEncoding="UTF-8" contentType="text/html;UTF-8" %> <html>

jquery+easyui+window href加载页面,子页面JS失效问题

问题描述 请高手们帮我看下如何解决! 解决方案 解决方案二:放到Body中解决方案三:对不能,windowhref加载页面相当于新建了一个页面和你所说的父页面没有关系了,你新建的页面没有引入js不会显示解决方案四:为什么不用部分页?