網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及數(shù)據(jù)更新技術(shù)領(lǐng)域，具體涉及網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法和系統(tǒng)。
【背景技術(shù)】
[0002]條形碼(barcode)是將寬度不等的多個黑條和空白，按照一定的編碼規(guī)則排列，用以表達一組信息的圖形標識符。常見的條形碼是由反射率相差很大的黑條(簡稱條)和白條(簡稱空)排成的平行線圖案。條形碼可以標出物品的生產(chǎn)國、制造廠家、商品名稱、生產(chǎn)日期、圖書分類號、郵件起止地點、類別、日期等許多信息，因而在商品流通、圖書管理、郵政管理、銀行系統(tǒng)等許多領(lǐng)域都得到廣泛的應(yīng)用。二維條碼/ 二維碼(2-dimens1nal barcode)是用某種特定的幾何圖形按一定規(guī)律在平面(二維方向上)分布的黑白相間的圖形記錄數(shù)據(jù)符號信息的；在代碼編制上巧妙地利用構(gòu)成計算機內(nèi)部邏輯基礎(chǔ)的比特流的概念，使用若干個與二進制相對應(yīng)的幾何形體來表示文字數(shù)值信息，通過圖象輸入設(shè)備或光電掃描設(shè)備自動識讀以實現(xiàn)信息自動處理:它具有條碼技術(shù)的一些共性:每種碼制有其特定的字符集；每個字符占有一定的寬度；具有一定的校驗功能等。同時還具有對不同行的信息自動識別功能、及處理圖形旋轉(zhuǎn)變化點。
[0003]無論是條形碼還是二維碼均可記錄商品數(shù)據(jù)，而且在商品信息統(tǒng)一管理方面起到很大的作用，用戶可以通過條形碼或者二維碼查找對應(yīng)的商品信息。在實際應(yīng)用中，通常是通過在指定網(wǎng)頁中錄入掃碼數(shù)據(jù)，查找到相應(yīng)的商品信息后需要將其返回原來的網(wǎng)頁中并重新加載該網(wǎng)頁才能顯示查找到的商品信息，如果頻繁地查找和重加載頁面必將導致資源耗費大，效率低下。

【發(fā)明內(nèi)容】

[0004]為了克服現(xiàn)有技術(shù)的不足，本發(fā)明的目的在于提供一種網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法和系統(tǒng)，實現(xiàn)快速響應(yīng)掃碼裝置所輸入的掃碼數(shù)據(jù)并根據(jù)掃碼數(shù)據(jù)從數(shù)據(jù)庫中獲取相應(yīng)的數(shù)據(jù)，最終動態(tài)地返回至前端頁面中顯示，整個過程無需刷新頁面即可獲取相應(yīng)的信息。
[0005]為解決上述問題，本發(fā)明所采用的技術(shù)方案如下:
[0006]方案一:
[0007]網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法，包括以下步驟:
[0008]S1:前端頁面模塊接收由掃碼裝置掃描所產(chǎn)生的掃碼數(shù)據(jù)，并將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊；
[0009]S2:AJAX模塊將接收到的數(shù)據(jù)請求發(fā)送至服務(wù)器端；
[0010]S3:服務(wù)器端響應(yīng)數(shù)據(jù)請求并根據(jù)掃碼數(shù)據(jù)從數(shù)據(jù)庫中查找對應(yīng)的數(shù)據(jù)，將查找結(jié)果返回至AJAX模塊中；
[0011]S4:AJAX模塊將接收到的查找結(jié)果動態(tài)地發(fā)送至前端頁面模塊并進行顯示。
[0012]進一步地，在SI中，前端模塊接收掃碼數(shù)據(jù)后還包括對掃碼數(shù)據(jù)的完整性進行判斷的步驟:若掃碼數(shù)據(jù)不完整，則返回錯誤信息并結(jié)束流程；若掃碼數(shù)據(jù)完整，則將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊。
[0013]進一步地，在S3中，還包括:若查找不到對應(yīng)的數(shù)據(jù)，則查找結(jié)果為無，若查找到對應(yīng)的數(shù)據(jù)，則查找結(jié)果為數(shù)據(jù)庫中對應(yīng)于該掃碼數(shù)據(jù)的詳細信息。
[0014]進一步地，掃碼數(shù)據(jù)為條形碼數(shù)據(jù)或者二維碼數(shù)據(jù)。
[0015]進一步地，掃碼裝置為掃碼槍或者預裝有掃碼程序并具有攝像頭的智能設(shè)備。
[0016]方案二:
[0017]網(wǎng)頁頁面顯示更新數(shù)據(jù)的系統(tǒng)，包括以下模塊:
[0018]生成數(shù)據(jù)請求模塊，設(shè)于前端頁面模塊，用于接收由掃碼裝置掃描所產(chǎn)生的掃碼數(shù)據(jù)，并將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊；
[0019]發(fā)送數(shù)據(jù)請求模塊，設(shè)于AJAX模塊，用于將接收到的數(shù)據(jù)請求發(fā)送至服務(wù)器端；
[0020]數(shù)據(jù)查找模塊，設(shè)于服務(wù)器端，用于響應(yīng)數(shù)據(jù)請求并根據(jù)掃碼數(shù)據(jù)從數(shù)據(jù)庫中查找對應(yīng)的數(shù)據(jù)，將查找結(jié)果返回至AJAX模塊中；
[0021]返回結(jié)果模塊，設(shè)于AJAX模塊，用于將接收到的查找結(jié)果動態(tài)地發(fā)送至前端頁面模塊進行顯示。
[0022]進一步地，在生成數(shù)據(jù)請求模塊中，前端模塊接收掃碼數(shù)據(jù)后還包括對掃碼數(shù)據(jù)的完整性進行判斷的步驟:若掃碼數(shù)據(jù)不完整，則返回錯誤信息并結(jié)束流程；若掃碼數(shù)據(jù)完整，則將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊。
[0023]進一步地，在數(shù)據(jù)查找模塊中，還包括:若查找不到對應(yīng)的數(shù)據(jù)，則查找結(jié)果為無，若查找到對應(yīng)的數(shù)據(jù)，則查找結(jié)果為數(shù)據(jù)庫中對應(yīng)于該掃碼數(shù)據(jù)的詳細信息。
[0024]進一步地，掃碼數(shù)據(jù)為條形碼數(shù)據(jù)或者二維碼數(shù)據(jù)。
[0025]進一步地，掃碼裝置為掃碼槍或者預裝有掃碼程序并具有攝像頭的智能設(shè)備。
[0026]相比現(xiàn)有技術(shù)，本發(fā)明的有益效果在于:實現(xiàn)快速錄入掃碼數(shù)據(jù)，在數(shù)據(jù)庫中查找與該掃碼數(shù)據(jù)相應(yīng)的數(shù)據(jù)后即時在前端頁面中顯示，無需手動或者自動刷新整個頁面，只需要將查找結(jié)果更新至頁面中即可，節(jié)省了時間和資源，也使得數(shù)據(jù)獲取更高效。
【附圖說明】
[0027]圖1為本發(fā)明的網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法的流程圖。
【具體實施方式】
[0028]下面，結(jié)合附圖以及【具體實施方式】，對本發(fā)明做進一步描述:
[0029]參考圖1為本發(fā)明的網(wǎng)頁頁面顯示更新數(shù)據(jù)的方法，包括以下步驟:
[0030]S1:前端頁面模塊接收由掃碼裝置掃描所產(chǎn)生的掃碼數(shù)據(jù)，并將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊。
[0031]本方法中所輸入的數(shù)據(jù)為掃碼得到的數(shù)據(jù)，可以是條形碼數(shù)據(jù)，也可以是二維碼數(shù)據(jù)，掃碼數(shù)據(jù)由掃碼裝置掃描條形碼或者二維碼并解析所得，掃碼裝置可以為常用的掃碼槍，也可以為預裝有掃碼程序并具有攝像頭的智能設(shè)備，例如智能手機和平板電腦。掃碼裝置獲取了掃碼數(shù)據(jù)后，將該掃碼數(shù)據(jù)發(fā)送至指定的前端頁面模塊，由該前端頁面模塊針對該掃碼數(shù)據(jù)生成數(shù)據(jù)請求發(fā)送至AJAX模塊，其中，數(shù)據(jù)請求指以該掃碼數(shù)據(jù)作為條件匹配相應(yīng)數(shù)據(jù)的請求，在前端頁面模塊中，是由JavaScript代碼將數(shù)據(jù)請求發(fā)送至AJAX模塊。AJAX模塊指實現(xiàn)了 AJAX技術(shù)的模塊，AJAX即為異步JavaScript和XML，是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)，通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換，AJAX可以使網(wǎng)頁實現(xiàn)異步更新，這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。
[0032]進一步地，在該步驟中，前端模塊接收掃碼數(shù)據(jù)后還包括對掃碼數(shù)據(jù)的完整性進行判斷的步驟:若掃碼數(shù)據(jù)不完整，則返回錯誤信息并結(jié)束流程；若掃碼數(shù)據(jù)完整，則將該掃碼數(shù)據(jù)作為數(shù)據(jù)請求發(fā)送至AJAX模塊。因為掃碼數(shù)據(jù)均有相對固定的格式組成，如果掃描所得的格式不符合預設(shè)的格式，則認為該掃碼數(shù)據(jù)為不完整的或者為異常的。
[0033]S2:AJAX模塊將接收到的數(shù)據(jù)請求發(fā)送至服務(wù)器端。