文章分类 - Javascript
摘要：我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是 在页面加载完成后给元素绑定了事件，但又新增加的元素上却没有绑定任何事件。js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。 这行原来就有 删除 这行原来就有 删除 通常，我会这么绑...
阅读全文
摘要：今天在项目中，刚好用到给指定的table添加一行、删除一行，就直接找google，搜出来的东西不尽如人意，不是功能不好就是千篇一律，简直浪费时间还不讨好，于是乎就自己动手封装个，现就把代码分享出来，避免大伙重复造轮子，如有问题欢迎大伙拍砖指正，千万可别人身攻击，嘎嘎。。。需求场景1）、添加一行支持在任意行添加一行且可配置的，如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行，随需求的变化都不会影响。前提条件：行数需在表中存在否则添加不成功。2）、删除一行支持动态删除一行。先演示结果，如中意了在好好研究代码。1、原始界面如下：2、添加一行，如要添加一行需点击“添加”按钮
阅读全文
摘要：代码片段1: 在表单中禁用“回车键”:$("#form").keypress(function(e) { if (e.which == 13) { return false; }});代码片段2: 清除所有的表单数据:function clearForm(form) { // iterate over all of the inputs for the form // element that was passed in $(':input', form).each(function() { var type = this.type; var tag = t
阅读全文
摘要：DOM操作的分类DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XMLjavascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些都是Dom Core的组成部分。使用DOM Core来获取表单对象的方法document.getElementByTagName("from");使用DOM Core来获取某元素的src属性的方法：eleme
阅读全文
摘要：jquery遍历json数组字符串需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)或fn(args),而是采用了fn.call(val,i,val)或fn.apply(obj.args)的形式，这意味着，在你自己的fn的实现中，可以直接采用this指针引用数组或是对象的子元素。这种方式是绝大多数jQuery所采用的一种实现方式。 JQuery特效 http://www.ccscript.cn/ShowList/14.aspxjson数据和读取的js都有问题,看我的怎么做的: var json ="{ RecordCount:8,PageCount:2
阅读全文
摘要：使用Jquery解析XML：$.ajax({ url: 'ajax/test.xml', dataType : 'xml', cache: false, success: function(xml){ $("AUTHOR", xml).each(function(id) { AUTHOR = $("AUTHOR", xml).get(id); alert($("FIRSTNAME", AUTHOR).text()); alert($("LASTNAME", AUTHOR).text(
阅读全文
摘要：其实这个实例非常简单.在浏览器显示一张图片，使用标签:img 元素向网页中嵌入一幅图像。 请注意，从技术上讲， 标签并不会在网页中插入图像，而是从网页上链接图像。 标签创建的是被引用图像的占位空间。 标签有两个必需的属性：src 属性 和 alt 属性。HTML 与 XHTML 之间的差异 在 HTML 中， 标签没有结束标签。 在 XHTML 中， 标签必须被正确地关闭。 在 HTML 4.01 中，不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。
阅读全文
摘要：在我们的web开发中，很多的时候都需要把本机的一些文件上传到web服务器上面去如：一个BBS系统，当用户使用这是系统的时候，能把本机的一些图片，文档上传到服务器上面去。然后其他用户可以去下载这些文件，那么这样的话，我们可以自己编程实现文件的上传但是更好的方式是使用一些已有的组件帮助我们实现这种上传功能。-------------------------------------------------------------------------------------------------- 常用的上传组件： Apache 的 Commons FileUpload Jav...
阅读全文
摘要：$.ajax({ dataType:'xml', type:'GET', url:uri, success:function(data){ $(data).find("system_status").children().each(function(){ var item_text=$(this).text(); var nodename=(this).nodeName; info=info+" *** "+nodename+"...
阅读全文
摘要：其他参考:http://blog.csdn.net/dengsilinming/article/details/7825495http://blog.csdn.net/akon_vm/article/details/7911280http://blog.chinaunix.net/uid-25525723-id-368284.htmlhttp://wenku.baidu.com/view/e212a80c4a7302768e9939e3.html$(document).ready(function () {//定义表单提交前与提交后的处理方法及超时相关var options = {before
阅读全文
摘要：简述：需要封装一组Json格式的数据到服务器知识点：1. 调用jquery.json的库2. AJAX Post 请求Jquery下载地址http://jquery.com/download/Jquery.jsonhttp://code.google.com/p/jquery-json/代码：testSendJson.jsp发送Json格式数据 Action Path: Send result: http://blog.csdn.net/anialy/article/details/8591651http://axl234.iteye.com/blog/1508...
阅读全文
摘要：在jquery中我们ajax提交表单可以直接使用serialize()来转换，这样就把表单名中的input转换成了get方法了，如果我们有大量的参数就不需要填写了。jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：jQuery ajax原型：$.ajax({ typ
阅读全文
摘要：1.传统的JavaScript方法实现Ajax功能var objXmlHttp = null;//声明一个空的XMLHTTP变量function CreateXMLHTTP(){//根据浏览器的不同，返回该变量的实体对象if(window.ActiveXObject){objXmlHttp= new ActiveObject("Microsoft.XMLHTTP");}else{if(window.XMLHttpRequest){objXmlHttp = new XMLHttpRequest();}else{alert("初始化XMLHTTP错误！")；
阅读全文
摘要：程序代码:$.ajax({ url:'Accept.jsp', type:'post', //数据发送方式 dataType: 'xml', // 注意这里是xml哦 ，不是html ( html比较简单,所以我拿xml做下例子,解释下 ) data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据 timeout: 2000, //设置本地超时 .( 毫秒) error: function(){ alert('Erro
阅读全文
摘要：简述：实现前端使用jquery上传文件后台用servlet处理文件上传以及保存知识点：1. 用到ajaxfileupload.js库2. 后台servlet文件保存其中ajaxfileupload的库下载地址：http://www.phpletter.com/download_project_version.php?version_id=34Maven中需要添加两个java的库，用来上传以及在服务器保存文件 commons-fileupload commons-fileupload 1.2.2 ...
阅读全文
摘要：客户端jsp : "> My JSP 'index.jsp' starting page --> 服务器端servlet :package com.ser;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRe...
阅读全文
摘要：今天做项目的时候，碰到一个问题。具体情况是，我需要使用AJAX动态的获取某个HTML页面的内容（注意，获取的不是HTML片(snip)，而是真正的页面，有, 的这种。我想的很简单，获得之后，用jQuery解析一下，取出我要的部分，然后放到页面的某个元素里面。但是，实际情况是，jQuery怎么也解析不了返回的HTML页面。代码如下：$(document).ready(function () { jQuery.ajax({ url: "http://localhost/topCrashCommands?productId=AutoCAD 2014", type: ...
阅读全文
摘要：在做web服务的时候，如果你能同时控制服务器和客户端，返回的数据你可以自己定义，这是最理想的模式，但有时，你控制不了或只能控制服务器的一部分数据的时候，问题就来了：你不能按照你想要的格式如json或XML返回，每个网页都已经被服务器定义好了返回的html,你只能在其中插入数据。 我在做一个嵌入式设备的时候就碰到了这样的问题，我必须使用内嵌的web服务器，它里面代码比较原始，全部由CGI直接返回html的数据，我想把jquery放到里面以提高前端的显示效率，但我只能把我的数据添加到web服务器，当然也可以自己去改web服务器，但代价太高，我只想从返回的html中抽出我需要处理的数据，略过其他..
阅读全文
摘要：对于json从servlet中返回给ajax的dataType类型可以是text,json1、在servlet中构造json文本，再response.getWriter()给ajax，返回json text文本servlet中，一面一段写在doPost或doGet中，但要相互调用this.doGet(rq,rs)或this.doGet(rq,rs)用jquery的ajax异步提交，数据必须有一个明确的ID（不再是name，和form提交方式不一样），比如下面jsp中的username就是IDprotected void doPost(HttpServletRequest request, Ht
阅读全文
摘要：JQuery解析XML数据的几个例子用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。
阅读全文
