jQuery
天元白手
专精于企业数据分析、设计及实施商业智能业务解决方案、软件开发及数据管理和治理。
展开
-
ajax传递一个对象和ajax传递List集合
如果使用普通的ajax方式,dataType(后台返回的类型)是test是传递不了对象的,所以我们需要使用JSON!案例问题:现在我们有一个图书的管理系统,里面有一个根据读者的条形码返回读者信息的功能需要实现。思路逻辑:在页面用户输入条形码barcode,然后我们使用ajax技术反射跳转到后台的servlet(业务层),进行查询数据返回一个带有信息的对象,再封装成JSON对象返回到页面,在页面的ajax里面遍历输出对象的信息,输出name和sex的值。需要注意的地方,在遍历的时候,和封装对象里面的属性原创 2020-06-05 12:19:42 · 2870 阅读 · 0 评论 -
js获取项目的路径
这里的localhostName就是当前的项目路径let localhostName = function getRootPath(){ let curWwwPath=window.document.location.href; let pathName=window.document.location.pathname; let pos=curWwwPath.indexOf(pathName); let localhostPath=curWwwPath.substring原创 2020-12-26 10:30:45 · 357 阅读 · 0 评论 -
如何给上传的图片添加一个简单的预览功能
下面是index.jsp页面:<%@ page contentType="text/html;charset=UTF-8" language="java" %><html> <head> <title>上传Excel表格测试</title> <script src="js/jquery-1.12.4.js">...原创 2020-03-17 21:27:03 · 310 阅读 · 0 评论 -
获取select下的option的下标
<select name="selectType" id="selectIndex"> <option>选择所属分类</option> <option>计算机/软件</option> <option>小说/文摘</option...原创 2020-03-03 21:57:44 · 2990 阅读 · 0 评论 -
表单验证只能输入纯数字的问题
举个栗子:为了验证输入后提交的信息是纯数字,我定义了提交信息的一个点击事件check(),详情如下: <form action="InsertServlet?opr=insert" name="form" method="post"> <p>只能输入数字:<input type="text" name="b" ></p> ...原创 2020-02-20 14:35:39 · 4699 阅读 · 0 评论 -
在表单中点击重置按钮清空表单信息
举个栗子:通过栗子我们可以看到,需要清空内容是"区域名称",“监测时间”,“雨量值(mm)”,“监测站”,"站点地址"的value,所以我们只需要在重置按钮添加一个点击事件就可以了 <form action="InsertServlet?opr=insert" name="form" method="post"> <p>区域名称:<input type...原创 2020-02-20 14:12:42 · 4166 阅读 · 0 评论 -
表单验证输入的格式是日期(yyyy-MM-dd)格式
举个栗子:这里有一个表单,里面有一个input标签它的名字是date <form action="InsertServlet?opr=insert" name="form" method="post"> <p>购买日期:<input type="text" name="date" ><span>yyyy-MM-dd格式</spa...原创 2020-02-20 13:51:45 · 2987 阅读 · 0 评论 -
jQuery版本的ajax实现方式(笔记)
一、导入js的文件:jquery-1.12.4.js然后测试代码: <body> <script type="text/javascript" src="js/jquery-1.12.4.js"></script> <script> $(function(){ $("#user").blur(function(){ ...原创 2020-02-19 11:35:34 · 290 阅读 · 0 评论 -
无缝轮播案列
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../jquery-1.12.4.js"></script> <st...原创 2019-12-20 08:38:31 · 105 阅读 · 0 评论 -
简单轮播图的制作模板(笔记)
HTML<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title> 广告图片轮播切换</title> <link rel="stylesheet" href="css/style.css"> </head&g...原创 2019-12-11 14:03:24 · 433 阅读 · 0 评论