----------------------------------------------------------------------------------------------------

HTML部分:

<table>
  <tr class="active ">
    <td>排序</td>
    <td>序号</td>
  </tr>   <?php if($lesson_list):?>
    <?php foreach($lesson_list as $val):?>
    <tr>
      <td><input class="form-control" type="text" name="lesson_sort" value="<?=$val['lesson_sort'];?>"></td>
      <td><?=$val['id'];?></td>
    </tr>
    <?php endforeach;?>
  <?php endif;?>
</table>

相关要点:

/**
* 如何判断对象存在或为空
* @黑眼诗人 <www.chenwei.ws>
*/
1. JS判断对象是否存在:
  if(typeof myObj == 'undefined')
  {
    var myObj = {}
  }; 2. 判断对象是否为空:
/**
* 判断对象是否为空
* @param obj obj 对象
* @return bool true非空,false为空
* @Chenwei <www.chenwei.ws>
*/
function isEmptyObj(obj)
{
var k = 0;
var obj = obj; for(var i in obj)
{
k++;
} if(k != 0)
{
return true;
}
else
{
return false;
}
}

JS端:

(一)
/**
* 索引数组形式
*/
var info = new Array();  //创建数组对象,这里不能使用var info = {}; 提示info.push is not a function $('input[name="lesson_sort"]').each(function(i, n){   var id = $(this).parent('td').next('td').text();   var lesson_sort = $(this).val();   info.push(lesson_sort);  //数组尾部添加元素,索引数组形式 }); //console.log(info);  //索引数组对象储值,["0","0","0"] var str = JSON.stringify(info); //转为字符串,["0","0","0"] (二)
/**
* 前台保存提交排序(关联数组形式)
*/
function saveCateSort()
{
  var info = {};  //创建对象,这里不能使用var info = new Array(); 最后输出的值并非关联数组   $('input[name="lesson_sort"]').each(function(i, n){     var id = $(this).parent('td').next('td').text();     var lesson_sort = $(this).val();     info[id] = lesson_sort;  //关联数组储值   });   //console.log(info);  //Object { 67="0", 68="0", 69="0"}   var str = JSON.stringify(info); //转为json字符串,{"67":"0","68":"0","69":"0"}   if(isEmptyObj(info)){
    //非空时更新
    $.post(base_url + '?d=admin&c=cate&m=ajax_cate_sort', {str:str}, function(data){
  if(data == '1'){
       my_custom_tips('操作成功!', 2000, 1);
  }else{
  my_custom_tips(data, 2000);
  }
  });
  }else{
    //空时提示
    my_custom_tips('操作成功!', 2000, 1);
  }
}

PHP端:

/**
* 保存排序(控制器方法,局部)
*/
public function ajax_save_sort()
{
    $str = json_decode($this->input->post('str'));
if($str)
{
foreach($str as $k=>$v)
{
$data['cate_sort'] = $v; $bool = $this->cate->updateCateSort($k, $data);
} if( ! $bool)
{
echo '操作失败!'; exit;
}
else
{
echo '1';
}
}
else
{
echo '1';
}
} /**
* 保存排序(模型控制器方法,局部)
*/
public function updateCateSort($id, $data)
{
if($id && $data && is_array($data))
{
$where = array('id' => $id); $bool = $this->db->where($where)->update('category', $data); return $bool;
}
else
{
return false;
}
}

Link:https://www.cnblogs.com/farwish/p/3985762.html

[jQ/PHP]使用JS数组储值的两种情况(提交PHP处理)的更多相关文章

  1. [jQ/PHP]再谈使用JS数组储值的运用(提交PHP处理)

    --------------------------------------------------------------------------------------------------- ...

  2. 关于JS获取select值的两种实现方法

    前几天发了一篇关于javascript获取select值的方法,后来发现有另一种实现方法,所以就都发出来比较一下: 方法一:通过获取option标签的value值来确定: <!DOCTYPE h ...

  3. js对象取值的两种方式

    :"李四"}; var v1 = obj.name1; //张三, 使用点的方式 //报错,不能使用点的方式 ]; //李四,使用中括号的方式 var key = "na ...

  4. List转Datable(需区分对象充当List成员和数组充当List成员两种情况)

    对象充当List成员时: /// <summary> /// 将泛类型集合List类转换成DataTable /// </summary> /// <param name ...

  5. js中三元运算符的两种情况

    一.一般情况 <script type="text/javascript"> var b=5; (b == 5) ? a="true" : a=&q ...

  6. JS获取元素宽高的两种情况

    JS获取元素宽高分两种情况, 一.内联样式,也就是直接把width和height写在HTML元素中的style里: 这种情况使用     document.getElementById('xxx'). ...

  7. JavaWeb后台从input表单获取文本值的两种方式

    JavaWeb后台从input表单获取文本值的两种方式 #### index.html <!DOCTYPE html> <html lang="en"> & ...

  8. egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名

    egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名 评论:10 · 阅读:8437· 喜欢:0 一.需求 二.CSRF 校验 三.通过 form 表单上传文件 四.通过 ...

  9. 选中没有选中的复选框,匹配含有某个字符串的正则,json取值的两种方法,把变量定义在外面跟里面的区别

    一.筛选没有选中的复选框:not("input:checked") 二.匹配有VARCHAR的字符串:".*VARCHAR.*?" 三.json取值的两种方法 ...

随机推荐

  1. 禅道-bug管理系统部署

    官方下载: https://www.zentao.net/framework/zentao11.2-80109.html 官方使用说明:(含安装及使用说明,很详细) https://www.zenta ...

  2. strut2的核心知识和工作原理

    http://blog.csdn.net/laner0515/article/details/27692673/     写的很详细

  3. Java - 23 Java 抽象类

    Java 抽象类 在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这样的类就是抽象类. 抽象类除了不 ...

  4. 「2017 山东一轮集训 Day6」子序列(矩阵快速幂)

    /* 找出了一个dp式子 是否能够倍增优化 我推的矩阵不太一样 是 1 0 0 0 0 0 0 0 0 -1 0 0 1 0 0 0 0 0 1 0 0 1 0 0 2 求得逆矩阵大概就是 1 0 0 ...

  5. Bootstrap如何关闭弹窗

    1.layer.closeAll()无法关闭弹窗的解决办法 使可以使用:parent.layer.closeAll() 2.layer.close()或者layer.closeAll()失效的情况下强 ...

  6. es6基础(4)--字符串扩展

    //字符串扩展 { console.log('a','\u0061'); console.log('s','\u20BB7');//超过了0xffff console.log('s','\u{20BB ...

  7. Java方法通过RestTemplate调用restful接口

    背景:项目A需要在代码内部调用项目B的一个restful接口,该接口是POST方式,header中 Authorization为自定义内容,主要传输的内容封装在body中,所以使用到了RestTemp ...

  8. 初学Jmeter添加Http请求,执行接口测试

    最近测试并发,刚开始使用的是录制方法,后面发现录制后无任何界面,加参数也不知从何着手,于是查了很多文章,终于慢慢的着手从http请求来测试并发了. 当然这是个遗留问题,先放在这里后面清楚了再回来补充: ...

  9. 代码参考: css3动画—— 星系轨道

    CSS3橙色的星球绕轨道公转动画 http://hovertree.com/texiao/css3/24/ 例子 http://hovertree.com/h/bjaf/css3xingxi.htm ...

  10. python中enumerate、变量类型转换

    enumerate可以在遍历过程中自动生成新的一列并从0开始计数 1 a = ["hello", "world", "dlrb"] 2 fo ...