package loaderman.action; import java.io.IOException; import java.io.PrintWriter; import java.util.LinkedHashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServle…
package loaderman.fy.action; import java.io.IOException; import java.io.PrintWriter; import java.util.LinkedHashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpSer…
需求: 运用AJAX请求文件menu.json,配置菜单栏,并实现以下功能点: 1. 点击向左箭头,菜单向左移动,隐藏 2. 点击向右箭头,菜单向右移动,显示3. 点击一级菜单,被点击菜单的子菜单显示,其他兄弟节点的子菜单隐藏 页面显示:ajaxTest\WebRoot\nav.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/…
步一:创建ArticleDao.java类 public class ArticleDao { public Integer getAllObjectNum(String keywords) throws Exception{ QueryParser queryParser = new QueryParser(LuceneUtil.getVersion(),"content",LuceneUtil.getAnalyzer()); Query query = queryParser.pa…
php+jquery+ajax+json简单小例子 <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>定宽Jquery+AJAX+JSON瀑布流布局(每行代码都有详细注释)</title> <style type="text/css"> body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font:…
宽度是一定的高度不定的瀑布流布局 也可以说是无缝拼图 当浏览器滚动到底部时候自动加载图片 加载的图片地址用json 在img.js里 ,还有正在加载动画是用 css3制作的 在ff等支持css3可以显示 你如果想全面支持浏览器可以用gif动画 代码里有详细解释就不多说了 ​1. [代码]预加载/瀑布流  <!doctype html><html><head><meta charset="utf-8"><title>定宽Jque…
原生js ajax的调用: ajax({ type : "get", url : "02_ajax_get.txt", data : { "userName" : "lnj", "userPwd" : "321" }, timeout : time, //超时时间 success : function (xmlhttp) { alert(xmlhttp.responseText); },…
项目简介 项目来源于:https://gitee.com/haoshunyu/travel 本系统是基于Maven+JSP+Servlet+JdbcTemplate+Redis+Mysql实现的旅游网站,是黑马培训时的实战项目.使用的技术偏多,但是网站内容很简单,容易理解. 难度等级:困难 技术栈 编辑器 IntelliJ IDEA 2019.1.1 (Ultimate Edition) 前端技术 基础:html+css+JavaScript 框架:Bootstrap+JQuery 后端技术 J…
  1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取得服务端当前时间 简单形式:jQuery对象.load(url) 返回结果自动添加到jQuery对象代表的标签中间 如果是Servlet的话,采用的是GET方式 复杂形式:jQuery对象.load(url,sendData,function(backData,textStatus,ajax){..…
一.Ajax 1.同步&异步请求 在所有的请求响应交互世界里,我们有通常会划分出来两种形态的请求, 一种是同步请求.另一种是异步请求 .比如注册.登录.添加数据等等这些请求执行的就是同步请求, 比如: 校验用户名是否存在,搜索关键字的自动补全走的就是异步请求. 2. Ajax介绍 Ajax全称是:Asynchronous Javascript And XML(异步 JavaScript 和 XML).它并不是一种新技术,也不是JavaScript的规范,只是把以前旧的技术整合起来. Ajax 是…
$.ajax({ type:'POST', url:'<%=basePath%>/xxx.do', dataType:'JSON', data:{ }, success:function(data){ $("#main").html(data.msg); $("#PageContent" }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("系统异常:"…
demo.jsp: <% String name = "乱码"; %> $(function(){ $('#dg').datagrid({ url: 'DemoServlet?name=<%=name%>', }); }); DemoServlet: //jsp中,get请求需要转字符格式:String name= request.getParameter("name"); name= new String(name.getBytes(&qu…
http://my.oschina.net/xshuai/blog/345117?fromerr=hEXYMdR0 http://www.oschina.net/code/snippet_1444646_43977…
1.首先引入easyui包,可以在官方网站下载,http://www.jeasyui.com/download/index.php <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="…
如有不明确的地方,戏迎增加QQ群交流:66728073      推荐一本Java学习的书:深入理解Java7 一,下载并导入jquery easyui的导 <link rel="stylesheet" type="text/css" href="<%=basePath%>js/jquery-easyui-1.4/themes/default/easyui.css"> <link rel="styleshe…
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的datagrid的源码进行解读,想从中扩展一些实用方法出来.初次打开源码拜读时,呜呼呀,(用东北话说就是,哎呀妈呀),介些都是啥子玩意啊?原来,我从晚上下载的是min版的,众所周知,min版即为压缩版那啊,不过我先前以为只是将空格和回车删除掉了.出乎意料的是并非如此,各位请看: 1 function…
项目名称: 沪上阿姨 实现需求: 实现用户登录 实现用户退出 实现用户注册 功能分析: 用户登录: 根据用户名和密码查询用户信息.查询则登录成功,查不到则登录失败. 用户退出: 销毁session 用户注册: 将用户注册信息插入数据库 数据库设计: 用户表: 用户id 用户名 用户密码: 用户性别: 用户年龄:SQL语句设计: 用户登录 select * from t_user where uname and pwd=? 用户注册: insert into t_user values(defau…
$("#lTreegrid").treegrid("options").queryParams={id:123456,name:"Hai he"} // 或者 /* var params = $("#lTreegrid").treegrid("options").queryParams={id:123456,name:"逗B"}; $.extend(params,{id:123,name…
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. 这里我们使用easyUI搭建一个简单的页面框架,非常简单! 效果如此: 需要引入的最少的文件 3个js文件是必须的 文件下载链接:http://www.jeasyui.net/downlo…
Jquery+ajax+json+servlet原理和Demo 大致过程: 用户时间点击,触发js,设置$.ajax,开始请求.服务器响应,获取ajax传递的值,然后处理.以JSON格式返回给ajax.ajax在sucess对应的函数中将返回的json数据进行解析,然后输出到jsp页面. 1.前台index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&qu…
这部分比較复杂,之前看过自己的同学开发一个选课系统的时候用到了JSON,可是一直不知道有什么用.写东西也没用到.所以没去学他.然后如今以这样的怀着好奇心,这是做什么用的,这是怎么用的.这是怎么结合的心态去学习,效果非常好. 这次用到的EasyUI的数据网格,DataGrid. 需用引用一个url传来的json数据.然后整齐美观地展如今页面上.想想自己之前做的东西.就直接拿数据库的数据和html的table代码进行拼接,整洁是整洁,可是代码写得特别别扭. 让我站在一个设计者的思路上来看,假设我如今…
原文地址:http://www.iteye.com/topic/1081739 上周写了篇基于spring3.0.5 mvc 简单用户管理实例 ( http://www.iteye.com/topic/1072244 ) ,反应还不错,本周闲来无事(外面又在下 雨 淹了不少地方啊)就试了一下Spring3 MVC + jQuery easyUI 做的ajax版本用户管理,因为之前做过一个项目是struts2 + jQuery easyUI 做的.对比了一下,发现 Spring3 MVC确实是比s…
最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到,然后导入到项目中即可. 首先我先把代码贴出来,有些地方会着重说明一下: 客户端代码如下: <%@page pageEncoding="utf-8"%> <!DOCTYPE html> <html> <head> <meta http-…
最近项目需要用到在页面进行批量操作,做了一些这方面的学习,参照网上的资料写了个小例子,记录一下: 准备 引入gson-2.6.2.jar,这里使用gson而不使用json-lib,原因是json-lib很老了,依赖的jar在后续与struts2整合时,会出现不兼容的警告.而gson很清爽. 引入jQuery EasyUI 1.4.4 文件结构: package com.tjd.study.easyui.entity; public class Bean { private String code…
JSON的实现,即将需要的数据回传到jsp页面: 1>.加入实现Json的三个架包到lib中:2>.目标方法上边加入注解,需要返回的值3>.在jsp页面中书写jQuery方法: eclipse中javaEE环境下的web.xml文件配置为: <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema…
在Jsp页面中把servlet请求地址写全,我已经将要注意的地方红色加粗了.我的jsp页面是新建的一个文件夹. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"…
Json:JavaScript Object Notation 1.1 Json对象的接收处理 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title><…
分享的经验和教训是: 1.jquery easy-ui ajax post 复杂的Json给后端解析,后端如果接收和解析 2.asp.net webform jquery easy-ui datagrid通用excel导出转asp.net mvc 3.asp.net mvc 2 + jquery easy-ui搭建内部信息管理系统框架 由于本大叔超强的自学和动手能力,第一次正式玩asp.net mvc,由于mvc2不是使用Razor视图引擎,有webform的开发经验就不需要花很多时间去学习Ra…
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id="productDg"></table> <!-- 表格工具栏开始 --> <div id="productDg-toolbar" class="topjui-toolbar" data-options="grid:{ type:'datagrid', id:'productDg' }&…