javascript

如何把订单的每一行以键值形式提交到服务端

业务场景
有一个订单列表，列表的每一行，分别是商品id，商品名称，商品数量，其中商品数量可以修改，修改完毕后提交整个表单。表单结构如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table id="productList">
  <tr>
    <th width=300>菜品</th>
    <th width=200>数量</th>
    <th width=300>操作</th>
  </tr>
  <?php foreach($list as $k){ ?>
    <tr class="oparea">
      <td class="list">
        <span class="vegsid" data-id="<?php echo $k['id'];?>"><!--data-id是自定义属性，专门用来存放id-->
          <?php echo $k[ 'name'];?>
        </span>
      </td>
      <td class="list">
        <input class="num" value="1" maxlength="4">
      </td>
      <td>
        <span class="deldata">移除</span>
      </td>
    </tr>
    <?php }?>
    <tr>
      <td colspan=7 class="list">
        <span class="sub">提交订单</span>
      </td>
    </tr>
</table>

Read More

javascript

Ajax表单提交插件jqueryForm

jQuery Form插件是一个优秀的Ajax表单插件，我们可以非常容易的使用它处理表单控件的值，清空和复位表单控件，附件上传，以及完成Ajax表单提交（不用执行页面跳转）。jQuery Form有两个核心方法ajaxForm()和ajaxSubmit()，本文我们重点介绍ajaxSubmit()的应用。

Read More

javascript

Form表单插件jquery.form.js

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。

jQuery Form有两个核心方法 – ajaxForm() 和 ajaxSubmit()， 它们集合了从控制表单元素到决定如何管理提交进程的功能。

另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。

Read More

javascript

JS遍历所有checkbox是否选中 

1
2
3
4
5
6
7
var all_checked = true;  
$(":checkbox").each(function(){  
    if(this.checked == false){  
        all_checked = false;  
        break;  
    }  
});

注意：用break，想跳出这个循环。结果报错
SyntaxError: unlabeled break must be inside loop or switch
经查，在回调函数里return false即可，大多数jquery的方法都是如此的。

返回 ‘false’ 将停止循环 (就像在普通的循环中使用 ‘break’)。
返回 ‘true’ 跳至下一个循环(就像在普通的循环中使用’continue’)。

javascript

让页面在打开时自动刷新 

1
2
3
4
5
6
7
<script>
    function window.onload() {
        if (location.href.indexOf('#reloaded') == -1) {
            location.href = location.href + "#reloaded"location.reload()
        }
    }
</script>

-————————————————————–

我的网页的图片较多，而服务器也不是很好，所以每次打开网页后总有一、两幅图片无法显示，但刷新一遍后又全部可显示了。
不想让浏览网页的人每次都点“刷新”按钮，请问如何在网页中加入一些代码，让网页在打开后又自动刷新一次？
-————————————————————–

把下面代码加在<head></head>之间
<meta http-equiv=refresh content=5 > //每隔5秒刷新一次
-————————————————————–

Read More