$(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分页的更多相关文章

  1. 苹果手机iOS11中fixed弹出框中input光标错位问题

    最近遇到了一个移动前端的BUG:手机弹出框中的输入框focus时光标可能会错位. 刚开始时我完全不知道错误原因是什么,在电脑上调试时完全没有问题,手机上出现问题时也没有找到规律.后来在网上搜索了大量的 ...

  2. 在IOS11中position:fixed弹出框中的input出现光标错位的问题

    问题出现的背景: 在IOS11中position:fixed弹出框中的input出现光标错位的问题 解决方案 一.设计交互方面最好不要让弹窗中出现input输入框: 二.前端处理此兼容性的方案思路: ...

  3. 弹出框中选项卡的运用(easyUI)

    先看一下页面效果: 此处有两个知识点:一个是弹出框的运用,一个是选项卡的运用 分析一下该HTML代码,最外面一个div是弹出框的,默认是关闭状态,可通过ID来控制弹出框的开关,该div的样式是easy ...

  4. 使用easeui dialog弹出框中使用CKeditor多次加载后无法编辑问题

    问题呈现:弹出框页面 <tr class="addtr"> <th>内容</th> <td> <!-- <textare ...

  5. mvc 在弹出框中实现文件下载

    var myParent = parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent.parent; ...

  6. vue在element-ui的dialog弹出框中加入百度地图

    参考:https://blog.csdn.net/u012724595/article/details/82703579 <!-- gps弹窗 --> <el-dialog v-di ...

  7. firefox浏览器中 bootstrap 静态弹出框中select下拉框不能弹出(解决方案)

    问题出现场景1: 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案:去掉最外层静态框的 tabindex=" ...

  8. layer弹出框中icon数字参数说明

    前言icon参数为0,如下代码: layer.msg(}); 运行结果如图: icon参数为1,如下图 icon参数为2,如下图: icon参数为3,如下图: icon参数为4,如下图: icon参数 ...

  9. IOS中position:fixed弹出框中的input出现光标错位的问题

    解决方案是 在弹框出现的时候给body添加fixed <style type="text/css"> body{ position: fixed; width: 100 ...

随机推荐

  1. frida的js脚本处理正则的一个小坑

    frida的server模式需要python支持,所以js脚本中的正则需要多一次转义 比如匹配"/proc/{数字pid}" server: paramPath.match(&qu ...

  2. CSS最基础的语法和三种引入方式

    **CSS语法** CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明.选择器通常是您需要改变样式的 HTML 元素. selector {declaration1; declaration ...

  3. Java +selenium Navigation接口介绍

    Navigation接口主要实现对浏览器的前进.后退.打开网址.刷新当前页面等操作的. void back():就是操作当前页面后退,相当于网页的后退按钮. void forward():就是操作当前 ...

  4. [Codeforces 729F] Financiers Game

    题意: 两个人分别从长度为n的数列的两端开始取数,如果前一 个人取了k个数,后一个人必须取k或k+1个. 第一个人最 开始可以取1个或2个,不能操作时结束. 两个人都希望自 己取到的数字之和尽量大,并 ...

  5. Cocos2d-x之Menu

    |   版权声明:本文为博主原创文章,未经博主允许不得转载. cocos2d-x菜单简介: 菜单也是游戏开发中的重要环节,一般游戏开始的第一个画面都是游戏主菜单,这些菜单包括,开始游戏,游戏设置,关卡 ...

  6. tp5 之 "No input file specified

    tp5 之 "No input file specified" 问题 通过"域名/模块/控制器/方法"这样的方式访问的时候,浏览器输出如下: 直接通过" ...

  7. Logstash,Fluentd, Logtail对比伤害

    摘要: 针对主流日志采集客户端(Logstash,Fluentd,以及日志服务客户端Logtail)进行功能.性能和稳定性测评 日志收集的场景 DT时代,数以亿万计的服务器.移动终端.网络设备每天产生 ...

  8. Python的基本数据类型,用户交互

    整数: int 常见的数字都是int类型. 用于计算或者大小的比较 在32位机器上int的范围是: -2**31-2**31-1,即-2147483648-2147483647 在64位机器上int的 ...

  9. Nginx动静分离基本概述

    Nginx动静分离基本概述 动静分离,通过中间将动静分离和静态请求进行分离: 通过中间件将动态请求和静态请求分离,可以建上不必要的请求消耗,同时能减少请求的延时. 通过中间件将动态请求和静态请求分离, ...

  10. Redis面试题大全含答案

    Redis面试题大全含答案 Redis面试题大全含答案 1.什么是Redis?答:Remote Dictionary Server(Redis)是一个开源的使用ANSI C语言编写.支持网络.可基于内 ...