随笔分类 -  JS+JQuery+Ajax

摘要:状态码概述 状态码的职责是当客户端向服务器端发送请求时,描述返回的请求结果。借助状态码,用户可以知道服务器端是正常处理了请求,还是出现了错误。 状态码如 200 OK,以 3 位数字和原因短语组成。数字中的第一位指定了响应类别,后两位无分类。响应类别有以下 5 种。 2XX 成功 200 OK 2X 阅读全文
posted @ 2019-03-30 01:00 雪山上的蒲公英 阅读(443) 评论(0) 推荐(0) 编辑
摘要:java代码中可通过如下代码设置 同理,nginx服务器上也可通过给nginx添加响应头,让html,css,js不缓存 nginx.conf 阅读全文
posted @ 2019-03-11 23:37 雪山上的蒲公英 阅读(1662) 评论(0) 推荐(0) 编辑
摘要:1. 安装 官网下载node.js的安装版,一路next,中间可以自定义安装路径 完成后安装目录内容如下 cmd下检查是否安装成功 新版Node.js已自带npm,所以安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东 阅读全文
posted @ 2018-09-19 22:15 雪山上的蒲公英 阅读(562) 评论(0) 推荐(0) 编辑
摘要:页面分上下两部分,上部分是所有的数据,下部分是购物车。通过在上面选择需要处理的数据添加进到购物车,实现对购物车数据的统一处理。 需要注意的有两点:①购物车数据可删除,且不能重复添加 ②响应时间考虑,购物车单次处理数据最多限制为200条 代码如下: 阅读全文
posted @ 2018-07-04 16:24 雪山上的蒲公英 阅读(4103) 评论(1) 推荐(1) 编辑
摘要:jQuery定位元素的方法有两种,一种是通过jQuery 选择器来选择元素,可以直接获取单个或批量的元素;另一种是通过jQuery 遍历相关来选择元素,这种方法常用在获取层级较复杂的页面中的元素。 1. jQuery选择器 1.1 元素选择器 通过元素的性质,id,class等获取元素,常见语法为 阅读全文
posted @ 2018-06-09 19:06 雪山上的蒲公英 阅读(25657) 评论(0) 推荐(1) 编辑
摘要:作为一个后端人员,很惭愧,对Ajax的使用只局限在功能实现层面的交互,对底层通过XMLHttpRequest对象来使用的知识却没有仔细研究过。现总结如下 1. XMLHttpRequest 对象的相关方法 1.1 XHR创建对象 1.2 向服务端发送请求 方法参数解释如下: open(method, 阅读全文
posted @ 2018-05-09 20:21 雪山上的蒲公英 阅读(8532) 评论(0) 推荐(1) 编辑
摘要:HTML页面通过Ajax调用公网web服务时,浏览器请求发送成功,但是响应的 xhr.status==0,控制台报错如下 XMLHttpRequest cannot load http://ws.webxml.com.cn/WebServices/MobileCodeWS.asmx. Respons 阅读全文
posted @ 2018-05-09 10:25 雪山上的蒲公英 阅读(2440) 评论(0) 推荐(0) 编辑
摘要:在将服务器端构建好的JSON数据转化为可用的JavaScript对象时常常使用eval函数。如下: 在转化的时候需要将JSON字符串的外面包装一层圆括号,原因在于:加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为 阅读全文
posted @ 2017-12-18 18:39 雪山上的蒲公英 阅读(261) 评论(0) 推荐(0) 编辑
摘要:已停供用户不能再次停供,之前没太处理过多维数组的遍历,趁这个机会回顾一下js数组遍历 可以看出rows 获取了两条数据,为二维数组类型 方法 附: js中数组的4种遍历方式 阅读全文
posted @ 2017-11-18 17:04 雪山上的蒲公英 阅读(1163) 评论(0) 推荐(0) 编辑
摘要:需求背景如下: 原项目居民、单位、计量三模块共用一个jsp文件,显示的页面也顺理成章的统一了,幸亏没有调用同一个js,在此基础上要求居民和单位计量的分离,即居民的显示居民的相关信息,单位和计量的显示相同的信息,时间久远,仅有的未修改前的页面截图如下(红框内字段已替换成红字): 需求分析: (1)项目 阅读全文
posted @ 2017-09-02 00:16 雪山上的蒲公英 阅读(20280) 评论(1) 推荐(2) 编辑
摘要:项目上线前夕,功能和bug基本解决完毕,最烦的就是这种添加字段的需求,难度不大但需要照顾的点特别多,更可怕的是这种需求不一次提完,造成大量无意义的重复工作。下面以增加【面积性质】字段为例梳理一下整个流程。 需求:要求在项目中添加【面积性质】字段,在点击如下红框内菜单跳出的对话框内显示,且在点击编码显 阅读全文
posted @ 2017-09-01 22:25 雪山上的蒲公英 阅读(565) 评论(0) 推荐(0) 编辑
摘要:以图纸资料上传为例,介绍Uploadify插件的使用,插件下载地址 http://www.uploadify.com/download/ 上传页面: 选择文件增加未上传界面: 上传成功预览界面: draw_add.jsp(为方便理解,这里方法和界面定义在同一jsp文件中) 附:Uploadify的属 阅读全文
posted @ 2017-08-31 22:41 雪山上的蒲公英 阅读(505) 评论(0) 推荐(0) 编辑
摘要:要实现模糊搜索的功能,及在模糊搜索框内输入要查询的信息,会在用户基础信息栏显示模糊搜索的结果 以用户名模糊搜索为例 页面上实现点击回车键即可进行搜索的功能 在sf_leftQuery_js里编写模糊搜索的方法 搜索的实现是依靠准确的sql查询语句来实现,以下为dao层创建查询sql语句的方法 当执行 阅读全文
posted @ 2017-08-23 20:55 雪山上的蒲公英 阅读(4680) 评论(5) 推荐(0) 编辑
摘要:如图为要实现的效果——当admin用户审核自己提交的业务时,给予提示。主要知识点在于怎么在jsp页面获取当前登录用户来和未操作栏的操作员比较 audit_search_jsp newAudit.js 阅读全文
posted @ 2017-08-19 22:04 雪山上的蒲公英 阅读(399) 评论(0) 推荐(0) 编辑
摘要:需求:代办人身份证号改为代办人证件类型(默认为身份证号),后面跟着号码,房主和代办人的证件类型为身份证号时进行身份证校验 效果: sf_ghgl_add.jsp sf_ghgl_validate.js DataAction.java 阅读全文
posted @ 2017-08-18 09:09 雪山上的蒲公英 阅读(1116) 评论(0) 推荐(0) 编辑
摘要:OCUpload为jQuery的插件(One Click Upload),意思为一键上传,封装了对于文件上传的一些方法,只需几行代码,文件上传优雅而简洁。 对于传统的文件上传,只是通过input标签,通过设置enctype为multipart/form-data,选中文件后还需点击按钮,提交表单,才 阅读全文
posted @ 2017-06-17 20:02 雪山上的蒲公英 阅读(4699) 评论(0) 推荐(0) 编辑
摘要:1. 为密码输入框进行输入校验,使用easyUI提供的easyui-validatebox 2. 为“确定”按钮绑定事件 3. 在UserAction中提供editPassword方法,修改密码 4. 在BaseDao中扩展一个通用的更新方法 5. 在User.hbm.xml中定义一个HQL语句,用 阅读全文
posted @ 2017-06-08 09:17 雪山上的蒲公英 阅读(2310) 评论(0) 推荐(1) 编辑
摘要:由于JSON非常简单,很快就风靡Web世界,并且成为ECMA标准。几乎所有编程语言都有解析JSON的库,而在JavaScript中,我们可以直接使用JSON,因为JavaScript内置了JSON的解析。 把任何JavaScript对象变成JSON,就是把这个对象序列化成一个JSON格式的字符串,这 阅读全文
posted @ 2017-05-11 23:09 雪山上的蒲公英 阅读(304) 评论(0) 推荐(0) 编辑
摘要:1. 构建JSON方法(数据——>JSON) 这里使用Maven构建项目 在pom.xml中添加如下依赖 1.1 创建JSONObject对象,利用put(key,value)赋值,toString() 打印出JSON格式 关键词:JSONObject对象,put(), toString() 控制台 阅读全文
posted @ 2017-05-11 23:04 雪山上的蒲公英 阅读(379) 评论(0) 推荐(0) 编辑
摘要:JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快,更易解析。 1. JSON数据基本类型 JSON实际上是JavaScript的一个子集。在JSON中,一共就这 阅读全文
posted @ 2017-05-11 17:47 雪山上的蒲公英 阅读(1110) 评论(0) 推荐(0) 编辑

/* 返回顶部代码 */
点击右上角即可分享
微信分享提示