JavaScript+jquery+ajax
关注
分享
扫一扫
文章平均质量分 68
iteye_5823
这个作者很懒，什么都没留下…
展开
-
Ajax使用范例【原创】
以下是一个例子，以后遇到需要Ajax的地方，都可以参考。实现效果是在页面选择地区load出下级地市的效果。jsp页面：写道<div id="infoL"> <span class="text1"> 所属地区:<input type="checkbox" onclick="getProvince();" /><!-2011-02-10 16:30:06 · 126 阅读 · 0 评论 -
jquery技巧总结【转】
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototyp...原创 2010-12-12 16:19:27 · 112 阅读 · 0 评论 -
jquery的粗略概述【转】
一，找到你了！ 还记得$()这个东西吧？prototype还是DWR都使用了这个函数代替document.getElementById()。没错，jquery也跟风了。为达到document.getElementById()的目的，jquery是这样写的： Java代码 var someElement = $("#myId"); var someElement ...原创 2010-12-12 16:17:33 · 91 阅读 · 0 评论 -
js改变iframe的src【原创】
顺便记下用<a>来调用js方法的写法：<a href="#" onclick="chageIframe('http://www.gzjd.gov.cn/gzwfcx/')">广州交通违章查询</a>以下是解决办法：jsp页面：<li>【A】<a href="#" onclick="chageIf原创 2010-12-12 15:25:43 · 241 阅读 · 0 评论 -
setTimeout使用细节【转】
今天的用的时候，想隔一段时间之后运行一个方法，可是页面会报错，不是找不到对象，就是没有延迟效果、查到以下原因：setTimeout有两种形式setTimeout(code,interval)setTimeout(func,interval,args)其中code是一个字符串func是一个函数.注意"函数"的意义,是一个表达式,而不是一个语句.比如你想周期性执行一个函数function a(...原创 2010-12-12 15:25:15 · 177 阅读 · 0 评论 -
js鼠标滑过新闻标题列表显示对应新闻内容【原创】
有一个页面，左边是新闻列表标题，鼠标划过相应的标题，在右侧显示相应的内容。代码如下：首先是分开左侧的列表和右侧的内容区域，内容用矩形边框框起来。css： #Sidebar { width:745px;height:515px;float:left; margin-top:20px; backgrou...2010-12-12 11:00:51 · 781 阅读 · 0 评论 -
js截取select下拉列表框当前选择项的文本【原创】
var selectObj = document.getElementById("prodnum")var showText = selectObj.options[selectObj.selectedIndex].text; 就行了2010-12-12 10:44:25 · 124 阅读 · 0 评论 -
jsp删除前弹出js提示【转】
<script type="text/javascript">function p_del() { var msg = "您真的确定要删除吗？\n\n请确认！"; if (confirm(msg)==true){ return true; }else{ return false; } }function del() { if(p_del()...原创 2010-12-12 10:40:32 · 185 阅读 · 0 评论 -
js实现菜单展开和收缩，兼容多种浏览器【原创】
菜单从上到下排列，要在上下实现展开和收缩，思路如下:用递归setInterval函数来改变可见度和高度，从而实现润滑出现的效果，最终目的，是动态的改变其高度！setinterval函数里面递归的调用改变高度的另一个函数，每一次改变一点高度，然后根据时间间隔的设置，就可以模拟出展开和收缩快或慢的效果，连起来，就像是滑动一样。以下是用到的几个函数的说明：setTimeout(表达式...2010-12-12 10:36:17 · 469 阅读 · 0 评论 -
CSS 中 position:absolute 与 z-index 对层次结构影响[转]
不使用 position 这种情况下每一层都遵循 HTML 定位规则,其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况出现. 2. 使用 absolute如两个绝对定位对象的 z-index 属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠.2.1 未使用 z-index这种情况下,依据它们在HTML文...原创 2010-12-12 10:28:40 · 165 阅读 · 0 评论 -
Ajax简单易懂实例教程【原创】
jsp页面如下：<%@ page contentType="text/html; charset=gb2312"%><html><head> <meta http-equiv=Content-Type content="text/html; charset=gb2312" /> <title></2010-12-12 16:24:12 · 180 阅读 · 0 评论 -
点击输入框出现提示语[转]
这需要和脚本配合，下面是简单示例，当你鼠标点文本框后，出现对应提示，如过输入内容提示去掉。<script>function checkvalue(n,obj){ var oTip = document.getElementById("tip"+n);if (obj.value==""){ oTip.innerHTML =obj.title ;}else{oTip.innerHTML...原创 2010-12-12 16:28:35 · 437 阅读 · 0 评论 -
刷新页面时保存radio状态
嗯。只是留个底，让自己以后需要的话可以用到。a. 在<body> 中加onload="<change1()>" b. 写js <script type="text/javascript"> function change1(){ var inputType="${requestScope.flag}"; //flag是在java中定义的..2010-12-29 16:35:17 · 1385 阅读 · 0 评论 -
解决了json回调函数不执行的问题！
找了好久 网上的解说千姿百态 不过还是有灵感！后来发现，是格式出了错！在后台执行完准备返回数据的时候，这里的返回数据的格式有问题。原来是： [{schoolId:"1",schoolName:"第一中学"},{schoolId:"2",schoolName:"第二中学"}] 后来改为： [{"schoolId":"1","schoolName"2011-12-11 21:56:29 · 553 阅读 · 0 评论 -
解决了myeclipse因为js乱码而使得程序需要这个js的地方运行不了
这是一个城市的三级联机菜单效果，很熟悉了吧 呵呵。项目是我半途接手的，我调试的时候看到myeclipse里面的js中文都是乱码的，我也没怎么在意，后来发现有一个应用要用到这个联机，很重要。一直实现不出来。后来我打算重新找一个联机代码来改，不过冲动之前，还是想应该是乱码问题。于是用在myeclipse里 Window 菜单里面找到 Preferences , 在打开的窗口左侧找到 General...2011-12-11 16:08:14 · 163 阅读 · 0 评论 -
window.location.Reload()和window.location.href=window.location.href【转】
<a onclick="javascript:window.location.href=window.location.href;"><a onclick="javascript:window.location.reload();">测试效果一样。表单没有提交。<input type="submit" onclick="javascript:window.lo.原创 2010-12-12 16:48:40 · 157 阅读 · 0 评论 -
jQuery实例CSS 样式表动态选择【转】
jQuery实例CSS 样式表动态选择本实例主要说的还是jquery的选择器，关于jquery的css的一些知识用类似$("li").css("cursor","pointer");这样的方式来确定具体的大家就看代码吧css样式表一body{background:#000;color:#fff}h1{font-size:14px;color:#fff;font-weight:bold;...原创 2010-12-12 16:33:42 · 112 阅读 · 0 评论 -
jQuery框架+cookie选择样式表文件【转】
HTML:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta..原创 2010-12-12 16:33:05 · 76 阅读 · 0 评论 -
转】 《15天学会Jqurey》之第七天--样式表切换
转载自 jiangqincong最终编辑 jiangqincong我第一次看到样式表切换器是在A List Apart或者Simple Bits，那是两个设计师最应该去的网站。从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代...原创 2010-12-12 16:32:12 · 77 阅读 · 0 评论 -
转】 window.open和window.showModalDialog用法
转载自 liuduohello最终编辑 liuduohellowindow.open和window.showModalDialog用法2008/06/18 14:16一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name...原创 2010-12-12 16:30:22 · 99 阅读 · 0 评论 -
js弹出页面大全[转]
【1、最基本的弹出窗口代码】其实代码非常简单：<script language="javascript">window.open ('page.html')</script>因为着是一段javascripts代码，所以它们应该放在<script language="javascript">标签和</script>之间。<原创 2010-12-12 16:29:20 · 99 阅读 · 0 评论 -
Javascript代码在浏览器IE和Firefox兼容性的16个问题【转】
1. document.form.item 问题(1)现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行(2)解决方法：改用 document.formName.elements["elementName"](3)其它参见 22. 集合类对象问题(1)现有问题：现有代码中许多集合类对象取用时使用 ()，IE ...原创 2010-12-12 10:16:31 · 77 阅读 · 0 评论 -
js点击标题展开内容再点隐藏内容【原创】
点击d展开在点击收起。其实很简答的，以前总是用按钮来另外触发隐藏方法，很不好用。用来只需要在触发标题连接的时候，执行这个方法就好啦~<a href="#" onclick="show<%=i%>();"><%=issueCan.get(i).getName()%></a>function show0(){ add0.style.dis...2010-12-11 22:39:14 · 792 阅读 · 0 评论 -
javascript tab 实例代码【原创】
盗用以前21cn同事开发的一个tab实例来分享啊哈哈~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><h...2010-12-11 11:23:30 · 98 阅读 · 0 评论 -
js控制form提交到不同action（原创）
js方法：function doUrl(actionUrl){ form1.action = actionUrl; form1.submit();}form：<form name="form1" method="post" action=""></form>在按钮调用js方法即可：onclick=doUrl("<%=actionUrl.2010-12-11 00:03:00 · 244 阅读 · 0 评论 -
javascript和java代码之间传值控制方法（原创）
大部分时候，我们的js控制，都是需要java代码里面的赋值来做控制的。比方我在java代码里面根据判断赋给了一个变量flag的值紧接着需要用js根据flag这个值来控制页面情况一般就想能够实现java与js传值这样的功能，而我试了几下，分别用：JTLS的 if(<c:out value='${flag}'/> == '1')和if(document.write(...2010-12-11 00:02:07 · 467 阅读 · 0 评论 -
程序弹出可逻辑操作性对话框
点击一个操作，比说增加，即把参数action到一个jsp页面，这个jsp页面只是做到：把数据封装赋值好，set到bean里面，这个bean最好还有方法的封装而不是简单的setter和getter，封装好后调用这个bean里面的添加方法，之后返回一个标志，并判断这个标示，如果成功，跳转成功提示页面，否则失败提示。如下： int status = present.addPresent(...2010-12-10 23:53:01 · 89 阅读 · 0 评论 -
javascript 点击删除后弹出确认框[原创]
1.弹出确认对话框<a href="URL" donclick='return confirm("确定要删除吗?")'>删 除</a>2.关闭窗口的按钮<input class=button1 name=Button onClick=window.close() type=button value=关闭窗口>...2010-12-10 23:49:13 · 429 阅读 · 0 评论 -
Ajax不错的简单入门实例（转载）
这个是用于显示主体的ajax.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html lang="en" dir="ltr"><head><meta http-equiv="Cont原创 2010-12-10 18:54:03 · 81 阅读 · 0 评论 -
ajax简易教程3（转载）
列表6：函数getReadyStateHandler()/**//* * Returns a function that waits for the specified XMLHttpRequest * to complete, then passes its XML response to the given handler function. * req - The XMLHttpReq...原创 2010-12-10 18:52:30 · 107 阅读 · 0 评论 -
ajax简易教程2（转载）
Servlet请求处理** 通过产品编码，在购物车中添加一个条目* itemCode – 需要添加条目的产品编码*/function addToCart(itemCode) { // 获取一个XMLHttpRequest实例 var req = newXMLHttpRequest(); // 设置用来从请求对象接收回调通知的句柄函数 var handlerFunction = g...原创 2010-12-10 18:51:42 · 88 阅读 · 0 评论 -
ajax简易教程1（转载）
Ajax技术：构建动态的Java应用程序 页面重载提出了一个在Web应用开发中最大的可用性障碍，对于java开发来说也是一个重大的挑战。在本系列中，作者Philip McCarthy介绍了通过后台通道的方法来创建动态Web应用的经验。Ajax（Asynchronous JavaScript and...原创 2010-12-10 18:50:33 · 88 阅读 · 0 评论 -
超级缩水JavaScript教程（原创）
对于我们JAVA程序员来说，脚本JS是很重要的，我想，用得最频繁和常见的无非就是在客户端的验证功能了，那么我们就以这个来学习JS吧。主要关心的是事件，事件对象的驱动，JS是基于对象的语言，这与面向对象的JAVA是不同的，意思是只要事件驱动（鼠标或者热键引发）发生就做出反应（调用相对应的函数）下面给出几个概念:事件：鼠标或热键的动作 事件驱动：鼠标或热键引发的一连串程序动作事件处理...2010-12-10 18:47:17 · 190 阅读 · 0 评论 -
Checkbox触发隐藏或显示 javascript checkbox事件【转】
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" conte原创 2010-12-11 00:12:59 · 894 阅读 · 0 评论 -
解决js判断input空的问题！【原创】
超郁闷~很郁闷~~~本来很简单的，判空嘛。不就是判空吗！我随时可以写出几个函数来，随便一个：function checkform(inputForm){if (document.inputForm.ctbName.value == ""){ alert("请填写捐款者姓名"); inputForm.ctbName.focus(); return false;} ...2010-12-11 00:14:11 · 226 阅读 · 0 评论 -
JavaScript RegExp 对象 正规表达式验证【原创】
js中有一个对象，是可以用来验证的。很好用，如下： var re = new RegExp(currExp, ""); if (!re.test(prodNbr.value)) { lbRuleN.innerText = "请输入正确的业务号码"; return; }ok，这样，只要把你想要规整好的规则放在currExp变量里面就可以...2010-12-11 10:58:33 · 90 阅读 · 0 评论 -
按下Enter回车后触发你想要的js方法【原创】
按我的需求，我是想被提交的input里面的值可以得到js的验证判断和sumbit提交，所以我在这个input标签的里面放了如下代码：onkeypress="if (event.keyCode==13){save();return false;也就是：<input id="operationNumber" class="input" type="text" value="" onk...2010-12-11 10:49:36 · 154 阅读 · 0 评论 -
IBM的Ajax系列教程链接地址
http://www.ibm.com/developerworks/cn/ajax/newto.html?S_TACT=105AGX52原创 2010-12-11 10:44:53 · 90 阅读 · 0 评论 -
js应用的一些积累【原创】
有时候我们在一个连接的时候不希望别人在任务栏里面会看到连接的具体地址，那么我们就可以用js来伪装起来，如下<a href="javascript:void(0);" onclick="downfile(this);" filename="老公公保佑你哦.xls" path="E:\Tomcat 5.0\webapps\payeasy\excelTemp\1.x...2010-12-11 10:41:36 · 95 阅读 · 0 评论 -
js提交按钮后提示缺少对象【原创】
有时候在提交数据的时候提交这个动作喜欢用js来控制，有时候会出现点击按钮之后页面不动的情况，这时候看报错是说缺少对象，可是这种问题太过于笼统，你无法准确定位解决。其实很多时候是因为写在js中的submit之前有某个对象被你删除了而js里面依然在获取导致的。所以，确保你的formsubmit之前的js动作是正确的不要取空数据就可以了~ ...2010-12-11 10:36:01 · 295 阅读 · 0 评论