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

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. [UE4]C++实现动态加载的问题:LoadClass<T>()和LoadObject<T>() 及 静态加载问题:ConstructorHelpers::FClassFinder()和FObjectFinder()

    转自:http://aigo.iteye.com/blog/2281558 动态加载UObject和动态加载UClass分别用LoadObject<T>(),和LoadClass<T ...

  2. tf.while_loop

    tf.while_loop(cond, body, loop_vars, shape_invariants=None, parallel_iterations=10, back_prop=True, ...

  3. java eclipse maven The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 解决方法

    在eclipse 中使用maven 创建java web项目,启动服务器遇到提示:The superclass "javax.servlet.http.HttpServlet" w ...

  4. NT平台ADSL拨号连接密码恢复原理

    NT平台拨号连接密码恢复原理 创建时间:2004-11-08 更新时间:2004-11-12文章属性:原创文章提交:eyas (eyas_at_xfocus.org)NT平台拨号连接密码恢复原理Aut ...

  5. 【LeetCode】4. 寻找两个有序数组的中位数

    给定两个大小为 m 和 n 的有序数组 nums1 和 nums2. 请你找出这两个有序数组的中位数,并且要求算法的时间复杂度为 O(log(m + n)). 你可以假设 nums1 和 nums2  ...

  6. h5登录页面

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...

  7. SQL SERVER 数据压缩

    从SQL SERVER 2008开始,SQL SERVER 提供了对数据进行压缩的功能,启用数据压缩无须修改应用程序. 数据压缩可有效减少数据的占用空间,读取和写入相同数据花费的IO也响应减少,从而可 ...

  8. DIV左、中、右三列布局的各类情况说明

    一.中间定宽.左.右侧百分比自适应: 1.HTML代码: <div id="left"> <div id="innerLeft"> &l ...

  9. es6(8)--对象

    //对象 { //简洁表示法 let o = 1; let k = 2; let es5 = { o:o, k:k }; let es6 = { o, k }; console.log(es5); c ...

  10. ES6中新增字符串方法,字符串模板

    多了两个新方法 startsWith endsWith 返回的是一个Boolean值 let str='git://www.baidu.com/2123123'; if(str.startsWith( ...