随笔分类 - Ajax
异步交互
摘要:跨域问题简单的说就是前台请求一个后台链接,发送请求的前台与后台的地址不在同一个域下,就会产生跨域问题。这里所指的域包括协议、IP地址、端口等。 1.跨域访问安全问题 后端代码: package cn.qs.controller; import java.util.LinkedHashMap; imp
阅读全文
摘要:今天遇到这样一个需求,将查查出来的数据导出来,不是将所有的数据导出来,而是要导出满足条件的数据,也就是说下载的时候要将查询的条件传到后台。 例如: 先查询课程性质是选修的课程然后导出来: 前台封装条件的form: <form class="layui-form layui-col-md12 x-so
阅读全文
摘要:1.页面准备分页的表格与分页div 同时需要在查询条件表单中准备隐藏当前页与页大小的文本框 2.JS代码: 解释:点击查询的时候将页号清空(这个有时候容易忘),带着组合条件去后台查询,查询成功后将数据填充到表格之后显示分页组件。点击分页组件的页号与上下页的时候动态设置页面中隐藏域的值,同时调用查询方
阅读全文
摘要:今天遇到这么一个需求: 选择一部分人,在点击确定的时候添加到对应的div中,也就是添加到对应的表单下面,当再次查询的时候需要在已经选过的人的复选框前面打伤对勾。 点确定添加到: 再次打开模态框: 也就是对已经选过的数据进行标记,提醒用户已经选过。 思路: 已经选过的人有唯一的标记ID,获取到全部的I
阅读全文
摘要:ajax 毕竟是异步的 所以动态加载出来的数据 难免遇到 css 或者 js 失效的问题,所以要动态加载 css ji等文件了 1.公共方法 load 2. 示例代码 ajax加载数据后只加载一次JS: 有时候会出现一种情况,每次ajax都会加载一次js,因此需要在JS设置一全局变量用于标记是否已经
阅读全文
摘要:通过传统的form表单提交的方式上传文件: Html代码 <form id= "uploadForm" action= "http://localhost:8080/cfJAX_RS/rest/file/upload" method= "post" enctype ="multipart/form-
阅读全文
摘要:1.添加数据 ajax调用用$("#reviewform").serialize()获取表单数据后提交给后台并根据后台传回的结果判断添加成功与否。(当然可以用原来的data:{key1:value1,key2:value2}) 提交表单:没有submit按钮,有保存的button(点击事件是ajax
阅读全文
摘要:0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录。也就是得点击11的时候拿着开采部与C级去查询。 1.页面中的模态框与分页组件(注意:需要隐藏一个页号,点击分页插件的时候给隐藏的页号赋值,ajax再次请求的时候取页面的页号值) 2.首先确定按钮的点击事件(还有一种方法就是jQuery动态
阅读全文
摘要:0.表格样式 1.显示详情 第一种方法:利用表格的基本数据与从数据库中获取结合。 主要代码: 全部表格代码 点击详情的时候把自己传到JS函数中,JS函数根据传过来的处理(基本信息从表格中获取,剩下需要的其他信息用ajax从数据库中获取并填充到模态框的表格中,注意下面红字代码) 代码分析: $tds
阅读全文
摘要:1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS) 后台处理ajax请求并返回JSON串(Java) JSON串: 2.ajax异步请求删除数据后刷新页面 请求删除的按钮(HTML) Ajax请求删除数据
阅读全文
摘要:Js原生Ajax和Jquery的Ajax 页面不加载就可以进行加载数据与数据库进行交互 一、Ajax概述 1.0.什么是Ajax 2.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响
阅读全文