弹出框中的AJAX分页
$(function() {
$("body").on("click",".set-topic",function(){
/*获取所有题目接口*/
var subjectType =$(this).attr("data-type");
var tid = $(this).attr("data-id");
var url = '/questions?subjectType='+subjectType;
var params = {
"tid":tid
};
$.ajax({
url: url,
type: 'GET',
data:params,
success: function(data) {
$("body").find(".topicList").html(data);
var allIds = $("body").find("input[name=Tids]").attr("value");
var arrryId=allIds.split(",");/*split() 方法用于把一个字符串分割成字符串数组。*/
$("body").find(".topicList").find(".layui-unselect").click(function(){
var $this = $(this);
var pId = $this.parents("tr").attr("data-id");
getInputIds($this,arrryId,pId);
})
bindEvent();
}
});
function getInputIds($this,arrryId,pId){
if($this.hasClass("layui-form-checked")){
$this.removeClass("layui-form-checked");
arrryId.removeByValue(pId);
$("body").find("input[name=Tids]").attr("value",arrryId);
}else{
$this.addClass("layui-form-checked");
arrryId.push(pId);
var stringIds = arrryId.join(",")
$("body").find("input[name=Tids]").attr("value",stringIds);
}
}
/**根据值删除数组元素**/
Array.prototype.removeByValue = function(val) {
for(var i=0; i<this.length; i++) {
if(this[i] == val) {
this.splice(i, 1);
break;
}
}
}
function bindEvent(){
/**弹出框中的翻页**/
$('.pagination').find('a').click(function(){
var allIds = $("body").find("input[name=Tids]").attr("value");
var arrryId=allIds.split(",")
$.get(this.href, function(data){
$("body").find(".topicList").html(data);
$("body").find("input[name=Tids]").attr("value",arrryId);
/*回显*/
$("body").find(".topicList").find(".layui-unselect").each(function(){
var $this = $(this);
var pId = $this.parents("tr").attr("data-id");
if(allIds.indexOf(pId)>=0){
$this.addClass("layui-form-checked");
}else{
$this.removeClass("layui-form-checked");
}
})
$("body").find(".topicList").find(".layui-unselect").click(function(){
var $this = $(this);
var pId = $this.parents("tr").attr("data-id");
getInputIds($this,arrryId,pId);
})
bindEvent();
})
return false;
});
}
/* 提交选中题目*/
$("#Modal").find(".btn-primary").unbind("click").click(function(){
var url = '/topic/'+tid+'/set_questions';
var qids=$("body").find("input[name=Tids]").attr("value");
if (qids.substr(0,1)==','){
s=qids.substr(1);
}
if(qids==""){
}
var params = {
tid:tid,
qids:qids
}
$.ajax({
url:url,
method:'post',
data:params,
success:function(data){
location.reload();
}
})
})
})
$("#topics-ip").click(function(){
/*获取所有专题接口*/
var theadTr = '<tr><td>序号</td><td>专题</td><td>费用</td></tr>';
$("#a-thead").html(theadTr);
var url = '/topics/json';
getTopics(url);
});
$("#topics-ip").click(function(){
/*获取所有专题接口*/
var theadTr = '<tr><td>序号</td><td>专题</td><td>费用</td></tr>';
$("#a-thead").html(theadTr);
var url = '/topics/json';
getTopics(url);
/*检索专题*/
$("body").find(".seach-p-btn").unbind("click").click(function(){
var key = $(this).siblings(".layui-input").val();
var url='/topics?key='+key;
getTopics(url);
});
/*输入框实时搜索*/
$("body").on("input",".layui-input",function(){
var key = $(this).val();
var url='/topics?key='+key;
getTopics(url);
});
});
$("#practicer-ip").click(function(){
/*获取所有练习者接口*/
var theadTr = '<tr><td>序号</td><td>姓名</td><td>邮箱</td></tr>';
$("#a-thead").html(theadTr);
var url = '/users';
getUser(url);
/*检索练习者*/
$("body").find(".seach-p-btn").unbind("click").click(function(){
var key = $(this).siblings(".layui-input").val();
var url='/users?key='+key;
getUser(url);
});
/*输入框实时搜索*/
$("body").on("input",".layui-input",function(){
var key = $(this).val();
var url='/users?key='+key;
getUser(url);
});
});
function getUser(url){
$.ajax({
url: url,
type: 'GET',
success: function(data) {
if(data.code==200){
console.log(data)
var n = data.users.length;
if(n>0){
$("#a-list").html("");
for(var i=0;i<n;i++){
var index = i+1
var tr = '<tr data-id="'
+data.users[i].id
+'" data-name="'
+data.users[i].name
+'"><td>'
+index
+'</td><td>'
+data.users[i].name
+'</td><td>'
+data.users[i].email
+'</td></tr>';
$("#a-list").append(tr);
}
}else{
var tr = '<tr><td colspan="3">暂无信息</td></tr>';
$("#a-list").html(tr);
}
/* 选中专题*/
$("#a-list").find("tr").click(function(){
$(this).toggleClass("tr-checked")
$(this).siblings().removeClass("tr-checked");
})
}else{
layer.msg("获取专题失败,请刷新后重试!")
}
}
})
/* 提交选中练习者*/
$("#Modal").find(".btn-primary").unbind("click").click(function(){
var title = $("#a-list").find(".tr-checked").attr("data-name");
var id = $("#a-list").find(".tr-checked").attr("data-id");
$("#practicer-ip").val(title);
$("input[name=toAuthorizerId]").val(id)
$("#Modal").modal("hide");
})
}
function getTopics(url){
$.ajax({
url: url,
type: 'GET',
success: function(data) {
if(data.code==200){
var m = data.topics;
console.log(data)
console.log(m)
console.log(333)
var n = data.topics.length;
var m = data.topics;
console.log(m)
if(n>0){
$("#a-list").html("");
for(var i=0;i<n;i++){
var index = i+1
var tr = '<tr data-id="'
+data.topics[i].id
+'" data-title="'
+data.topics[i].title
+'"><td>'
+index
+'</td><td>'
+data.topics[i].title
+'</td><td>'
+data.topics[i].fee
+'</td></tr>';
$("#a-list").append(tr);
}
}else{
var tr = '<tr><td colspan="3">暂无信息</td></tr>';
$("#a-list").html(tr);
}
/* 选中专题*/
$("#a-list").find("tr").click(function(){
$(this).toggleClass("tr-checked")
$(this).siblings().removeClass("tr-checked");
})
}else{
layer.msg("获取专题失败,请刷新后重试!")
}
}
})
/* 提交选中专题*/
$("#Modal").find(".btn-primary").unbind("click").click(function(){
var title = $("#a-list").find(".tr-checked").attr("data-title");
var id = $("#a-list").find(".tr-checked").attr("data-id");
$("#topics-ip").val(title);
$("input[name=topicId]").val(id)
$("#Modal").modal("hide");
})
}
})
弹出框中的AJAX分页的更多相关文章
- 苹果手机iOS11中fixed弹出框中input光标错位问题
最近遇到了一个移动前端的BUG:手机弹出框中的输入框focus时光标可能会错位. 刚开始时我完全不知道错误原因是什么,在电脑上调试时完全没有问题,手机上出现问题时也没有找到规律.后来在网上搜索了大量的 ...
- 在IOS11中position:fixed弹出框中的input出现光标错位的问题
问题出现的背景: 在IOS11中position:fixed弹出框中的input出现光标错位的问题 解决方案 一.设计交互方面最好不要让弹窗中出现input输入框: 二.前端处理此兼容性的方案思路: ...
- 弹出框中选项卡的运用(easyUI)
先看一下页面效果: 此处有两个知识点:一个是弹出框的运用,一个是选项卡的运用 分析一下该HTML代码,最外面一个div是弹出框的,默认是关闭状态,可通过ID来控制弹出框的开关,该div的样式是easy ...
- 使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题
问题呈现:弹出框页面 <tr class="addtr"> <th>内容</th> <td> <!-- <textare ...
- mvc 在弹出框中实现文件下载
var myParent = parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent; ...
- vue在element-ui的dialog弹出框中加入百度地图
参考:https://blog.csdn.net/u012724595/article/details/82703579 <!-- gps弹窗 --> <el-dialog v-di ...
- firefox浏览器中 bootstrap 静态弹出框中select下拉框不能弹出(解决方案)
问题出现场景1: 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案:去掉最外层静态框的 tabindex=" ...
- layer弹出框中icon数字参数说明
前言icon参数为0,如下代码: layer.msg(}); 运行结果如图: icon参数为1,如下图 icon参数为2,如下图: icon参数为3,如下图: icon参数为4,如下图: icon参数 ...
- IOS中position:fixed弹出框中的input出现光标错位的问题
解决方案是 在弹框出现的时候给body添加fixed <style type="text/css"> body{ position: fixed; width: 100 ...
随机推荐
- QTP-创建一个word文件
'创建word实例 Set oWordApp = CreateObject("Word.Application") oWordApp.Visible =True '添加一个word ...
- Windwos 08R2_DNS全面图文详解
目录 目录 前言 软件环境 DNS域名服务器 DNS服务器原理 DNS域名空间 DNS区域 DNS服务器的类别 DNS查询模式 缓存文件 配置DNS服务器 DNS服务的应用 创建DNS正向解析区域 在 ...
- fatal: early EOF fatal: index-pack failed & Git, fatal: The remote end hung up unexpectedly
https://stackoverflow.com/questions/15240815/git-fatal-the-remote-end-hung-up-unexpectedly https://s ...
- drf:筛选,序列化
1.基础 restful规范: - url:一般用名词 http://www.baidu.com/article (面向资源编程) - 根据请求方式的不同做不同操作:get,post,put,dele ...
- 关于曲线 规划 算法 线性 S曲线 贝塞尔曲线
工控领域经常会涉及速度加减速的算法:线性加减速,S曲线加减速(sin函数,拓展其他三角函数曲线), 贝塞尔曲线,等等. 线性加减速: 设定起始速度V0,目标速度V1,加速时间Ta(s,或加速度) ...
- ORCAL 数据库的约束以及SQL语言的四种类型
oracle数据库约束: 定义:要输入的这个值是一个什么样的值, 或者是哪个范围内的值 作用: 确保完整性, 确保精确性 1, 非空约束(not null) 记录一条信息的时候如果用户名和密码没有被记 ...
- spring注解开发:Configuration&Bean
1.使用xml创建bean的方式 1.首先新建一个maven工程,添加如下依赖 <dependency> <groupId>org.springframework</gr ...
- python学习第四天-函数
函数 def开头 函数参数 其中name.age.sex为形参,'王锦时',21,'男'为实参 函数返回值 默认参数 关键字参数 收集参数 相当于把所有实参存在一个元组当中 收集参数和关键字参数的混 ...
- tomcat脚本
!/bin/sh # eg: tomcat.sh start xxx # proc_dir="/usr/local/xxx/tomcat-zc-web/bin" proc_name ...
- koa2入门笔记
[TOC] 一 什么是koa koa是基于nodejs的web框架, 是一个中间件框架. 二 中间件 Koa 中间件是简单的函数,它是带有 (ctx, next)形参 的函数. 可以采用两种不同的方法 ...