AJAX資料遍歷輸出

阿新 • • 發佈：2018-11-03

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" 
>
    <title>半成品入庫操作</title>
    <script src="./js/jquery-2.1.1.min.js"></script>
</head>
<style>
    body{
        background: #DDEEF2;
    }
    section h3,.form-div{
        border:1px solid #BBDDE5;
        background: #F4FAFB;
        padding:5px;
    }
    ul li 
{
        list-style: none;
        margin-bottom:10px;
    }
    .form-div input[name='keyword']{
        width:200px;
    }
    section table{
        margin:0 auto;
        width:100%;
        border-top:1px solid #EEF8F9;
        border-left:1px solid #EEF8F9;
    }
    section table th{
        background 
: #BBDDE5;
        border-right:1px solid #EEF8F9;
        border-bottom:1px solid #EEF8F9;
        line-height:30px;
    }
    section table tr{
        background: #fff;
    }
    section table td{
        border-right:1px solid #EEF8F9;
        border-bottom:1px solid #EEF8F9;
        line-height:35px;
    }
    tr:hover{
        background-color:#F4FAFB;
    }
</style>
<body>
        <section>
            <h3>半成品入庫操作</h3>
            <div class="form-div">
                <input type="text" name="keyword" size="15" id="keyword" placeholder="請精確搜尋半成品名稱">
                <input type="submit" value=" 搜尋 " class="button" id="btn">
            </div>
            <form action="bcpgoods.php" method="post" onsubmit="return check();">
                <input type="hidden" name="act" value="insert_b">
                <table  cellspacing="0" cellpadding="0" border="0" id="tab"></table>
            </form>
        </section>
        <script>
            $('#btn').click(function(){
               if($('#keyword').val() == ''){
                   alert('搜尋內容不能為空！');
               }else{
                   $.ajax({
                       type:'post',
                       url:'bcpgoods.php',
                       data:{act:'serach',keyword:$('#keyword').val()},
                       success:function(data){
                           if(data == 'error'){
                               str = '<tr><td align="center">沒有搜尋到此類半成品！</td></tr>';
                               $('#tab').html(str);
                           }else{
                               var res = JSON.parse(data);
                               var str = '<tr><th>商品ID</th><th>半成品名稱</th><th>貨號</th><th>入庫數量</th></tr>';
                               $.each(res,function(index,obj){
                                   str += '<tr>';
                                   str += '<td>'+obj.goods_id+'</td>';
                                   str += '<td>'+obj.goods_name+'</td>';
                                   str += '<td>'+obj.goods_sn+'</td>';
                                   str += '<td align="center"><input class="countt" name="count[]" style="width: 60px;" type="text" value=""></td>';
                                   str += '</tr>';
                                   str += '<input type="hidden" name="goods_id[]" value='+obj.goods_id+'>';
                                   str += '<input type="hidden" name="goods_name[]" value='+obj.goods_name+'>';
                               })
                               str += '<tr><td align="center" colspan="4"><button>提交</button></td></tr>'
                               $('#tab').html(str);
                           }
                       }
                   })
               }
            })


           function check(){
                var i = 0;
               $.each($('.countt'),function(k,v){
                    if($(this).val() == ''){
                       i++;
                   }
               })
               if(i == $('.countt').length){
                   alert('未錄入任何資料！');
                   return false;
               }
           }
        </script>
</body>
</html>

AJAX資料遍歷輸出

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

c++刷題檔案檢視器（有格式遍歷輸出資料夾目錄）

主要思路：每一層都先有符號標記再遞迴 #include <iostream> #include <sys/types.h> #include <dirent.h> #include <sys/stat.h> #in

小程式ajax獲取資料遍歷前幾名樣式不一樣

直接上程式碼 <view class='list' wx:for-index="idx" wx:for="{{datas}}" wx:key='index' bindtap="btnanniu" > <view style='height:50px;' w

在 ajax 裡遍歷顯示資料到頁面

控制器 public function search() { $data = $_POST; $search = $data['name']; // 模糊查詢 $result = DB::name('biaoqian')->where('biaoqian_name','li

JQuery ajax 把後臺返回的List資料遍歷出來賦值給div

1、效果 2、前端程式碼 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-T

資料結構：樹的遍歷！按先序遍歷建立一棵樹，分別以先序、中序、後序遍歷輸出

題目：樹的遍歷！按先序遍歷建立一棵樹，分別以先序、中序、後序遍歷輸出樣例輸入 A B # D # # C E # # F # # 樣例輸出 PreOrder: A B D C E F InOrder: B D A E C F PostOrder: D B E F C A

jquery ajax json 資料遍歷

後臺返回的資料： {"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"區公司領導","guid":"2016112316042622494230","receive_platform_id":

各種遍歷輸出（經典版）----java基礎總結

blog long arr 基礎 each循環 mage pan 之前 es2017 前言：關於共有3中遍歷輸出方式，很早之前我就想整理，無奈一直沒有抽出時間，分別是傳統的for循環遍歷，叠代器Iterator,foreach，這次我通過測試代碼，測試了一下。先用一張草圖

jsp頁面遍歷輸出

var 所有最後一個元素元素同時 text 接收 div false <c:foreach>類似於for和foreach循環以下是我目前見過的用法： 1、循環遍歷，輸出所有的元素。<c:foreach items="${list}" var="li

JavaScript遞迴遍歷輸出json所有欄位與值的方法

宣告一個三層的json物件作為測試： var js={ "text":"MXCHIP won a prize", "id": 1234, &nbs

第六章樹和二叉樹作業1—二叉樹--計算機17級 7-1 根據後序和中序遍歷輸出先序遍歷（25 分）

7-1 根據後序和中序遍歷輸出先序遍歷（25 分）本題要求根據給定的一棵二叉樹的後序遍歷和中序遍歷結果，輸出該樹的先序遍歷結果。輸入格式: 第一行給出正整數N(≤30)，是樹中結點的個數。隨後兩行，每行給出N個整數，分別對應後序遍歷和中序遍歷結果，數字間以空

excel 資料讀取，資料遍歷，獲取日期資料和合並單元格資料

需求：現有一個excel表格，讀取date列的內容和合並單元格的內容 Sheet1頁的資料內容如下：程式碼如下： import xlrd import collections import json import operator from ctypes import * f

鄰接表建立無向圖，深度優先搜尋遍歷輸出

1 #include<stdio.h> 2 #include<string.h> 3 #include <iostream> 4 #include<algorithm> 5 using namespace std; 6 #define MVNu

鄰接表創建無向圖，廣度優先搜索遍歷輸出

ron code fir 是否廣度優先搜索遍歷 new vnode 分配 std 1 #include<stdio.h> 2 #include<string.h> 3 #include <iostream> 4 #in

鄰接表建立無向圖，廣度優先搜尋遍歷輸出

1 #include<stdio.h> 2 #include<string.h> 3 #include <iostream> 4 #include<algorithm> 5 using namespace std; 6 #defin

json對象遍歷輸出key和value

key ++ kit 方法 pass iba 對象原生 ack js遍歷json對象原生js遍歷json對象遍歷json對象：無規律： <11script> var json = [ 　　{dd:‘SB‘,AA:‘東東‘,re1:123}, 　　{cccc

樹和二叉樹3——各種遍歷輸出二叉樹

程式碼輸出結果如下：二叉樹 bt:A(B(D,E(H(J,K(L,M(,N))))),C(F,G(,I))) ***層次遍歷序列:A B C D E F G H I J K L M N 先序遍歷序列: 遞迴演算法:A B D E H J K L M N C F G I 非遞迴演算法:A B

linux下執行連結串列棧（實現棧的基本功能 push，pop，刪除任意結點，遍歷輸出等）

一、簡要敘述設計思想和技術路線（不少於300字）（20分）。設計思想：利用Linux GNU make C 專案管理軟體工具實現資料結構棧(Stack)。實現Push，Pop，Delete,Search,Visit through,Clear功能。節點的資料設計具有一般性（使用void *da

freemarker網頁靜態化生成靜態頁面，資料遍歷，freemarker編輯器

如果eclipse中沒有freemarker編輯器，開啟頁面是這樣的。頁面中都是黑色，不好看是不是可以下載一個freemarker編輯器,在eclipse中, Help–>Eclipse MarketPlace 搜尋freemarker,選擇Freemarker IDE fr

二叉樹，中序遍歷+後序遍歷輸出前序遍歷

引用： https://blog.csdn.net/m0_37698652/article/details/79218014 #include <iostream> #include <string> using namespace std; struct Tree

AJAX資料遍歷輸出

相關推薦