Hướng dẫn serialize array to string javascript - tuần tự hóa mảng thành chuỗi javascript

Tôi đang sử dụng thư viện Tag-it cho jQuery để tạo hệ thống gắn thẻ [hơi giống với stackoverflow].

Sau khi người dùng nhập thẻ, thư viện trả về một mảng javascript mà tôi muốn lưu trong cơ sở dữ liệu MySQL. Tôi đã không tìm thấy một chức năng tuần tự hóa và không rõ ràng trong JavaScript.

Trước khi mã hóa chức năng của riêng tôi, tôi muốn đảm bảo rằng tôi không phát minh lại bánh xe ở đây. Có vẻ điên rồ khi không có cách nào tự nhiên để lưu một mảng vào cơ sở dữ liệu và sau đó sử dụng lại.

TL; DR => Làm cách nào để lưu một mảng JavaScript trong cơ sở dữ liệu MySQL để sử dụng lại sau?

Đã hỏi ngày 3 tháng 7 năm 2012 lúc 13:31Jul 3, 2012 at 13:31

Bạn có thể sử dụng JSON.stringify[] [MDN Docu] và JSON.parse[] [MDN Docu] để chuyển đổi một đối tượng JavaScript thành một biểu diễn chuỗi để lưu trữ nó bên trong cơ sở dữ liệu.

var arr = [ 1, 2, 3 ];

var serializedArr = JSON.stringify[ arr ];
// "[1, 2, 3]"

var unpackArr = JSON.parse[ serializedArr ];
// identical array to arr

Nếu phụ trợ của bạn được viết bằng PHP, có các phương pháp tương tự để làm việc với các chuỗi JSON ở đó: json_encode[] [PHP Docu] và json_decode[] [PHP Docu].

Hầu hết các ngôn ngữ khác cung cấp các chức năng tương tự cho chuỗi JSON.

Đã trả lời ngày 3 tháng 7 năm 2012 lúc 13:34Jul 3, 2012 at 13:34

SirkosirkoSirko

71K19 Huy hiệu vàng144 Huy hiệu bạc178 Huy hiệu đồng19 gold badges144 silver badges178 bronze badges

Bạn có thể sử dụng định dạng ____ 8 [____ 9].

var arr = [1,2,3];
var arrSerialized = JSON.stringify[arr];
...

var arrExtracted = JSON.parse[arrSerialized];

0 hỗ trợ các phương pháp này:

Json.Stringify -> sê -ri đối tượng thành chuỗi -> serializes object to string
Json.parse -> deserialization đối tượng từ chuỗi -> deserializes object from string

Đã trả lời ngày 3 tháng 7 năm 2012 lúc 13:34Jul 3, 2012 at 13:34

SirkosirkoEngineer

71K19 Huy hiệu vàng144 Huy hiệu bạc178 Huy hiệu đồng12 gold badges86 silver badges91 bronze badges

Bạn có thể sử dụng định dạng ____ 8 [____ 9].

var arr = [1,2,3];
var arrSerialized = JSON.stringify[arr];
...

var arrExtracted = JSON.parse[arrSerialized];

var arr = [1,2,3];
var arrSerialized = JSON.stringify[arr];
...

var arrExtracted = JSON.parse[arrSerialized];

0 hỗ trợ các phương pháp này:

Đã trả lời ngày 3 tháng 7 năm 2012 lúc 13:34Jul 3, 2012 at 13:34

raina77owraina77owraina77ow

Sirkosirko14 gold badges193 silver badges227 bronze badges

Trong hướng dẫn này, chúng tôi sẽ học cách tuần tự hóa các mảng JavaScript. Phương thức serializeArray [] tuần tự hóa tất cả các biểu mẫu và các thành phần như phương thức .Serialize [] nhưng trả về cấu trúc dữ liệu JSON để bạn làm việc.serializeArray[] method serializes all forms and forms elements like the .serialize[] method but returns a JSON data structure for you to work with.

Một mảng JavaScript của các đối tượng có thể được tạo bằng cách sử dụng hàm jQuery tích hợp serializearray [] đã sẵn sàng để được mã hóa dưới dạng chuỗi JSON. Nó sử dụng một tập hợp các biểu mẫu và/hoặc điều khiển hình thức từ jQuery. Có một số loại điều khiển. Bất kỳ đối tượng JavaScript nào cũng có thể được chuyển đổi thành JSON bằng chuỗi JSON, sau đó có thể được gửi đến máy chủ.serializeArray[] that is ready to be encoded as a JSON string. It utilizes a set of forms and/or form controls from jQuery. There are several sorts of controls. Any JavaScript object may be converted into JSON using a JSON string, which can then be sent to the server.

Cập nhật vào ngày 07 tháng 11 năm 2022 08:20:39

Câu hỏi và câu trả lời liên quan

$[selector].serializeArray[]

Làm thế nào để tuần tự hóa một lớp Python?

Làm thế nào để tuần tự hóa chức năng Lambda trong Java?

Làm thế nào để tuần tự hóa từ điển Python thành XML?

Làm thế nào để tuần tự hóa và khử serial hóa các loại chung bằng cách sử dụng thư viện GSON trong Java?
Làm thế nào để sử dụng phương thức jQuery.serializeArray [] để tuần tự hóa dữ liệu?
Chúng tôi sẽ xác định một nút để gửi tất cả dữ liệu vào tập lệnh hoặc bằng cách nhấp vào nút, các chức năng trong tập lệnh sẽ được gọi và sẽ thu thập dữ liệu này.
Trong tập lệnh, trước tiên, chúng ta phải thêm jQuery vào mã và vì điều đó, chúng ta có thể thêm một nguồn bên ngoài vào mã của chúng ta.
Chúng tôi sẽ nhận dữ liệu từ biểu mẫu bằng ID của nó và sự kiện nhấp chuột, sau đó có thể sử dụng dữ liệu đó để in trong tài liệu, phụ trợ, v.v.
Dữ liệu được trả về sẽ ở dạng chuỗi, vì vậy thật dễ dàng để sử dụng dữ liệu đó và có thể áp dụng một số chức năng cho nó.

Chúng tôi đã thấy cú pháp và thuật toán để học cách tuần tự hóa các mảng JavaScript, giờ đây, hãy để một ví dụ để thực hiện các bước được thảo luận ở trên.

Thí dụ

Trong ví dụ này, chúng tôi sẽ tạo một biểu mẫu sẽ lấy một số đầu vào của người dùng và bằng cách sử dụng phương thức serialize.Array [], chúng tôi sẽ lấy dữ liệu từ biểu mẫu và in nó trong tài liệu.serialize.Array[] method we are going to get the data from the form and print it in the document.



The jQuery Example
   
   
   
      $[document].ready[function[] {
         $["#driver"].click[function[event]{
            $.post[
               "/jquery/serialize.php",
               $["#testform"].serializeArray[],
               function[data] {
                  $['#stage1'].html[data];
               }
            ];
            var fields = $["#testform"].serializeArray[];
            $["#stage2"].empty[];
            jQuery.each[fields, function[i, field]{
               $["#stage2"].append[field.value + " "];
            }];
         }];
      }];
   


   Click on the button to load result.html file −
   STAGE - 1
   
   STAGE - 2
   
   
      
         Name −
         
      
      
         Age −
         
      
      
         Sex −
          
      Male
      Female

Trong phần thân của mã, trước tiên, chúng tôi đã xác định một đoạn văn, sau đó xác định hai div Div với ID ‘giai đoạn1 và‘ giai đoạn2, với màu nền màu xanh và sẽ chứa dữ liệu của họ ban đầu.

Sau đó, chúng tôi đã xác định biểu mẫu với ID ‘testform, và xác định một số trường đầu vào trong đó để thu thập một số dữ liệu từ người dùng và tất cả các trường đầu vào được thiết kế ở dạng bảng. Chúng tôi đã xác định một nút đầu vào có ID ‘Trình điều khiển.

Trong tập lệnh, trước tiên, chúng tôi đã đưa jQuery vào mã bằng nguồn bên ngoài làm ‘serializearray [], là phương thức của jQuery. Sau đó, trong tập lệnh, chúng tôi đã thu thập dữ liệu từ biểu mẫu bằng phương thức ID và serializeArray [] và in đó dưới hai dạng, có thể nhìn thấy thứ nhất trong phần tử DIV thứ nhất và có thể nhìn thấy thứ hai trong phần tử DIV thứ hai.serializeArray[] method and printed that in two forms, the first can be seen in the first div element, and the second can be seen in the second div element.

Sự kết luận

Trong hướng dẫn này, chúng tôi đã học cách tuần tự hóa các mảng JavaScript. Phương thức serializeArray [] tuần tự hóa tất cả các biểu mẫu và các thành phần như phương thức serialize [] nhưng trả về cấu trúc dữ liệu JSON để bạn làm việc.serializeArray[] method serializes all forms and forms elements like the serialize[] method but returns a JSON data structure for you to work with.

Cập nhật vào ngày 07 tháng 11 năm 2022 08:20:39

Câu hỏi và câu trả lời liên quan
Làm thế nào để tuần tự hóa một lớp Python?
Làm thế nào để tuần tự hóa chức năng Lambda trong Java?
Làm thế nào để tuần tự hóa từ điển Python thành XML?
Làm thế nào để tuần tự hóa và khử serial hóa các loại chung bằng cách sử dụng thư viện GSON trong Java?
Làm thế nào để sử dụng phương thức jQuery.serializeArray [] để tuần tự hóa dữ liệu?
Làm thế nào chúng ta có thể tuần tự hóa một mảng các đối tượng sử dụng flexjson trong java?
Làm thế nào để tuần tự hóa bản đồ bằng thư viện FlexJson trong Java?
Làm thế nào để tuần tự hóa một trường null bằng thư viện Gson trong Java?
Làm thế nào để tuần tự hóa chuỗi JSON thành một trình xử lý đầu ra trong Java?
Làm thế nào để chuyển đổi một mảng JavaScript thành c# mảng?
Làm thế nào để tuần tự hóa và giải phóng một đối tượng trong Java?
Arduinojson: sê -ri và giảm dần
Làm thế nào để ngẫu nhiên [xáo trộn] một mảng javascript?
Một phương pháp ưa thích để lưu trữ các mảng PHP [json_encode hoặc serialize]?
Làm thế nào để tuần tự hóa một đối tượng JSON với jsonwriter bằng mô hình đối tượng trong java?

Mảng nối tiếp trong JavaScript là gì?

Serializearray [] là một phương thức sẵn có trong jQuery được sử dụng để tạo một mảng javascript của các đối tượng sẵn sàng được mã hóa dưới dạng chuỗi JSON.Nó hoạt động trên một bộ sưu tập các biểu mẫu và/hoặc các điều khiển biểu mẫu.an inbuilt method in jQuery which is used to create a JavaScript array of objects that is ready to be encoded as a JSON string. It operates on a jQuery collection of forms and/or form controls.

Sự khác biệt giữa serialize và serializearray là gì?

serializearray tạo ra một mảng [không phải là "mảng json" - không có điều đó];Bạn có thể tự mình kiểm tra điều này với bảng điều khiển.log [$ ["#myform"]. serializeArray []].Mặt khác, serialize tạo ra một chuỗi truy vấn có nghĩa là một phần của yêu cầu HTTP. -- there is no such thing]; you can test this yourself with console. log[$["#myform"]. serializeArray[]] . On the other hand, serialize creates a query string that's meant to be part of an HTTP request.

Sê -ri hóa và giải phóng hóa trong JavaScript là gì?

Sê -ri dữ liệu là quá trình chuyển đổi một đối tượng thành một luồng byte để dễ dàng lưu hoặc truyền nó hơn.Quá trình ngược lại, cấu trúc cấu trúc dữ liệu hoặc đối tượng từ một loạt các byte là sự phân rã.

Cập nhật vào ngày 07 tháng 11 năm 2022 08:20:39

Làm thế nào để tuần tự hóa chức năng Lambda trong Java?

Thí dụ

Sự kết luận

Mảng nối tiếp trong JavaScript là gì?

Sự khác biệt giữa serialize và serializearray là gì?

Sê -ri hóa và giải phóng hóa trong JavaScript là gì?

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề