Ajax提交不刷新

SnakeUI 2016-08-15 03:27:28

最近我用getjson来获取数组做成列表,但现在有问题出现,我不知道如何修改才可以每点一个左边按钮就进行当前数据提交也不刷新又或者刷新之后如何自动跳到提交过的那个数据位置 , 还有右边我想选择开始时间,结束时间和下单时间就会自动排序,又不知道如何修改,请各位大神帮帮忙看看如何修改代码,谢谢!

界面

HTML

<form name='orderfrom' id='orderfrom' class='cmxform form-horizontal tasi-form' method='post' action='#' >

<table class="table table-bordered">

<thead id="tbody">
<tr>
<th style="text-align: center;">执行按钮</th>
<th>产品名称</th>
<th>产品型号</th>
<th>数量</th>
<th>销售价</th>
<th>总产值</th>
<th>当前状态</th>
<th>
<select name="output-time" id="output-time" style="border: 0px;">
<option value="published">下单时间</option>
<option value="start">开始时间</option>
<option value="end">结束时间</option>
</select>
</th>
<th>操作</th>
</tr>
</thead>

</table>

</form>

...全文

247 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

hyq_1756 2016-08-17

打赏
举报

一般都是直接后台跟数据库交互的时候就排序好，JS不好排吧？如果是后台排序的话，给个参数去后台重新获取数据就行了

SnakeUI 2016-08-17

打赏
举报

排序方法还是解决不了,我就是不知道如何封装和修改代码,望高手看看如何修改才行,而不刷新事件我用描点+获取地址上的ID而解决了

泡泡鱼_ 2016-08-15

打赏
举报

要先从你第二个需求说起。时间的排序： 1：首先，"最近我用getjson来获取数组做成列表"封装成一个方法，然后这个方法在你现有的参数基础上增加一个参数：sort；比如，开始时间排序，sort=0；结束时间排序，sort=1！！当然，这需要服务器端返回数据时，会根据这个参数进行排序以后再返回给前端；或者：返回的数据你存储在一个地方，然后使用arr.sort()方式进行数据排序后，再绑定数据，拼接html 2：封装的方法中，根据返回的数据，在拼接完html代码后，绑定每行左边的事件！！如果这个事件要求的参数就是那几个产品型号什么的，你可以先在外面定义一个函数，比如：function myCommand(a,b,c)。然后在左边的按钮中加上对应的onclick即可下面那个全部执行，遍历一次数据去执行对应的操作即可

SnakeUI 2016-08-15

打赏
举报

} else if(data['view'][skey]['list'][sdata]["status"] == "Done"){ var saDo = "4"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2'></td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td class='published'>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td></td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8'>"; tdx += " 订单已完成: "+ getLocalTime(data['view'][skey]['end']) + ""; tdx += " 超时完成: "; tdx += " </td>"; tdx += "</tr>"; } } if(sta){ tdx += "<tr class='start-end'>"; tdx += " <td colspan='9' style='padding: 5px 0px 5px 5px;'>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/startall/onlykey/" + data['view'][skey]['list'][sdata]["onlykey"] + "' class='zhi'>"; tdx += " 全部开始 "; tdx += " </a>"; tdx += " </td>"; tdx += "</tr>"; } else if(stDone){ tdx += "<tr class='start-end'>"; tdx += " <td colspan='9' style='padding: 5px 0px 5px 5px;'>"; tdx += " 暂未完成"; tdx += " </td>"; tdx += "</tr>"; } else if(saDo) { tdx += "<tr class='start-end'>"; tdx += " <td colspan='9' style='padding: 5px 0px 5px 5px;'>"; tdx += " 订单已完成"; tdx += " 结束时间: "+ data['view'][skey]['end'] + " "; tdx += " </td>"; tdx += "</tr>"; } else { tdx += "<tr class='start-end'>"; tdx += " <td colspan='9' style='padding: 5px 0px 5px 5px;'>"; tdx += " 等待试生产完成"; tdx += " </td>"; tdx += "</tr>"; } tdx += "</tbody>"; } $("#tbody").after(tdx);

SnakeUI 2016-08-15

打赏
举报

} else if(data['view'][skey]['list'][sdata]["status"] == "On"){ tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2' class='td-strart'>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/End/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'></a>"; tdx += " <a href='{{$smarty.const.DELAY_CREATE_URL}}/view/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'><div class='btn btn-shadow btn-default btn-time-blue' title='申请暂停时间' style='margin-right: 3px;'></div></a>"; tdx += " </td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td class='published'>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td></td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8'>"; tdx += " "; tdx += " 倒计时: "; tdx += " "; tdx += " "; tdx += " "; tdx += " "; tdx += " 生产超时: "; tdx += " "; tdx += " </td>"; tdx += "</tr>"; } else if(data['view'][skey]['list'][sdata]["status"] == "Wait"){ tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2' class='td-strart'>"; tdx += " <a href='{{$smarty.const.DELAY_CREATE_URL}}/look/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'></a>"; tdx += " </td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td class='published'>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td></td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8'>"; tdx += " "; tdx += " 倒计时: "; tdx += " | "; tdx += " 暂停时间原因: "+ data['view'][skey]['list'][sdata]["delaynoto"] + " "; tdx += " "; tdx += " "; tdx += " "; tdx += " 生产超时: "; tdx += " | "; tdx += " 暂停时间原因: "+ data['view'][skey]['list'][sdata]["delaynoto"] + " "; tdx += " "; tdx += " </td>"; tdx += "</tr>"; } else if(data['view'][skey]['list'][sdata]["status"] == "Stop"){ tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2' class='td-strart'>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/start/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'></a>"; tdx += " </td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td class='published'>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td></td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8'>"; tdx += " 暂停生产已过: | 暂停时间原因: "+ data['view'][skey]['list'][sdata]["delaynoto"] + " "; tdx += " </td>"; tdx += "</tr>";

SnakeUI 2016-08-15

打赏
举报

代码 <script type="text/javascript"> // JSON调用 $(function(){ $.getJSON("{{$smarty.const.OUTPUT_CREATE_URL}}/viewjson/?limit={{$smarty.get.limit|default:''}}",function(data){ var tdx = ""; for(var skey in data['view']){ var sta = ""; var stDone = ""; tdx += "<tbody class='"+ data['view'][skey]['output_id'] + "'>"; for(var sdata in data['view'][skey]['list']){ if(data['view'][skey]['list'][sdata]["status"] == "Off" || data['view'][skey]['list'][sdata]["status"] == "Stop"){ var sta = "1"; } if(data['view'][skey]['list'][sdata]["status"] == "Off" || data['view'][skey]['list'][sdata]["status"] == "On" || data['view'][skey]['list'][sdata]["status"] == "Wait" || data['view'][skey]['list'][sdata]["status"] == "Stop"){ var stDone = "2"; } if(data['view'][skey]['list'][sdata]["status"] == "Try"){ tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2' class='td-strart'>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/End/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'></a>"; tdx += " </td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td class='published'>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/edit/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'><div class='btn btn-primary btn-xs' title='修改当前订单' style='margin-right: 3px;'></div></a>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/delete/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'><div class='btn btn-danger btn-xs' title='删除当前订单'></div></a>"; tdx += " </td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8' style='display: none;'></td>"; tdx += "</tr>"; } else if(data['view'][skey]['list'][sdata]["status"] == "Off"){ tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td rowspan='2' class='td-strart'>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/start/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'></a>"; tdx += " </td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["name"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["serial"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["num"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["price"] + "</td>"; tdx += " <td>" + data['view'][skey]['list'][sdata]["total"] + "</td>"; tdx += " <td class='label label-mini' style='display:block; border-radius:0px; line-height:20px;'>"+ data['view'][skey]['list'][sdata]["status"] + "</td>"; tdx += " <td>" + getLocalTime(data['view'][skey]['list'][sdata]["published"]) + "</td>"; tdx += " <td>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/edit/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'><div class='btn btn-primary btn-xs' title='修改当前订单' style='margin-right: 3px;'></div></a>"; tdx += " <a href='{{$smarty.const.OUTPUT_CREATE_URL}}/delete/id/" + data['view'][skey]['list'][sdata]["list_id"] + "'><div class='btn btn-danger btn-xs' title='删除当前订单'></div></a>"; tdx += " </td>"; tdx += "</tr>"; tdx += "<tr class='"+ data['view'][skey]['list'][sdata]["status"] + "'>"; tdx += " <td colspan='8'>"; tdx += " 待计划生产"; tdx += " 未生产超时: "; tdx += " </td>"; tdx += "</tr>";