弹出框中的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 ...
随机推荐
- C#关于日期 月 天数 和一年有多少周及根据某年某周获取时间段的计算(转)
/// 当前月有多少天 /// </summary> /// <param name="y"></param> /// <param na ...
- Red Hat 6网络配置笔记
1.重启网卡/etc/init.d/network restart server network restart2.运行结果报错 关闭NetworkManagerservice NetworkMana ...
- static关键字_1
static关键字 1.在类中,用static声明的成员变量为静态成员变量,它为该类的公用变量,在第一次使用时被初始化,对于该类的所以对象来说,static成员变量只有一份. 2.用static声 ...
- bash 中的特殊变量
bash 中的特殊变量 变量 说明 ------------------------------------ $0 当前脚本的文件名 $n 第n个位置参数 $* 传递给脚本或函数的所有参数,$*会将这 ...
- PHPStorm remoteHost链接FTP成功，但不显示文件目录
============================================== 勾上前两个选项就可以了
- laravel打印查询的sql
public function __construct( ){ $log = DB :: listen( function( $sql ){ echo $sql; } ); }
- Robot Framework +钉钉通知（Dingding[钉钉] Plugin）构建通知
1.点击钉钉个人头像进入[机器人管理] 2.添加自定义机器人 3.创建机器人,选择通知群 4.完善机器人信息 5.复制机器人token(只需要连接access_token后面token) 6.进入je ...
- HTML学习笔记（基础部分）
一.基本概念 1.HTML:超文本标记语言(HyperText Markup Language)是一种用于创建网页的标准标记语言. 2.HTML文档的后缀名:.html 或 .htm 3.标签:由尖括 ...
- while循环与getopts处理
- 循环结构select 举例