Hướng dẫn save html form data to json file using jquery - lưu dữ liệu biểu mẫu html vào tệp json bằng jquery

Tôi cần lưu dữ liệu đầu vào từ biểu mẫu email đơn giản vào tệp JSON. Tôi nghĩ rằng tôi làm điều đó với JavaScript. Ai đó có thể giúp từng bước được không? Tôi là người mới

Hướng dẫn save html form data to json file using jquery - lưu dữ liệu biểu mẫu html vào tệp json bằng jquery

Hỏi ngày 15 tháng 8 năm 2016 lúc 21:08Aug 15, 2016 at 21:08

7

THỬ NGHIỆM

Sử dụng tuần tự hóa, chúng tôi có thể lưu biểu mẫu HTML đầu vào vào đầu ra JSON


HTML



Ajax Form

We would love to hear from you. Please fill out this form

Male Female
Sports Coding
Press "Ctrl + Shift + J" to see sent JSON in console:

Đã trả lời ngày 12 tháng 5 năm 2017 lúc 11:32May 12, 2017 at 11:32

Hướng dẫn save html form data to json file using jquery - lưu dữ liệu biểu mẫu html vào tệp json bằng jquery

Surya r praveensurya r praveenSurya R Praveen

3.0881 Huy hiệu vàng23 Huy hiệu bạc20 Huy hiệu Đồng1 gold badge23 silver badges20 bronze badges

1

Bạn cần sử dụng

'use strict';

const fs = require('fs');

let student = {
    name: 'Mike',
    age: 25, 
    gender: 'Male',
    department: 'English',
    car: 'Honda' 
};

let data = JSON.stringify(student);  

fs.writeFileSync('file.json', data, finished);

function finished(err)
{
    console.log('success');
}

Hướng dẫn save html form data to json file using jquery - lưu dữ liệu biểu mẫu html vào tệp json bằng jquery

Andreas

5.1888 Huy hiệu vàng42 Huy hiệu bạc51 Huy hiệu Đồng8 gold badges42 silver badges51 bronze badges

Đã trả lời ngày 11 tháng 6 năm 2018 lúc 2:31Jun 11, 2018 at 2:31

Bobbobbob

661 Huy hiệu bạc2 Huy hiệu đồng1 silver badge2 bronze badges

1

Với jQuery, nó khá đơn giản:

var formData = JSON.stringify($("#emails_form").serializeArray());

Nếu bạn muốn lưu trữ formData trong tệp JSON, bạn cần đăng nó lên máy chủ (ví dụ: trên mỗi AJAX) và lưu nó. Nhưng trong trường hợp đó, bạn có thể chỉ cần đăng biểu mẫu UND chuyển đổi nó sang JSON trên chính máy chủ.

Xem câu trả lời này.

Đã trả lời ngày 15 tháng 8 năm 2016 lúc 21:14Aug 15, 2016 at 21:14

Hướng dẫn save html form data to json file using jquery - lưu dữ liệu biểu mẫu html vào tệp json bằng jquery

Andreasandreasandreas

15.8K12 Huy hiệu vàng72 Huy hiệu bạc71 Huy hiệu đồng12 gold badges72 silver badges71 bronze badges

Làm thế nào tôi có thể chuyển đổi dữ liệu biểu mẫu thành JSON?

Lập một kế hoạch: Làm thế nào chúng ta có thể chuyển đổi các trường biểu mẫu thành JSON ?..
Nắm bắt sự kiện gửi biểu mẫu và ngăn chặn việc gửi mặc định ..
Chuyển đổi các yếu tố trẻ em của biểu mẫu thành JSON ..
Kiểm tra để đảm bảo chỉ các thành phần trường biểu mẫu được thêm vào đối tượng ..
Thêm một biện pháp bảo vệ để chỉ lưu trữ các trường có thể kiểm tra nếu thuộc tính đã kiểm tra được đặt ..

Chúng ta có thể chuyển đổi HTML thành JSON không?

Từ HTML đến JSON cho phép tải URL trang web có các bảng chuyển đổi sang JSON.Nhấp vào nút URL, nhập URL và gửi.Phân tích cú pháp HTML vào JSON hỗ trợ tải tệp HTML để chuyển thành JSON.Nhấp vào nút Tải lên và chọn Tệp.. Click on the URL button, Enter URL and Submit. Parsing HTML into JSON supports loading the HTML File to transform to JSON. Click on the Upload button and select File.

Làm thế nào để JSON lưu trữ nội dung HTML?

4 điều bạn phải làm khi đặt HTML vào JSON:..
Các dấu ngoặc kép được sử dụng xung quanh các thuộc tính HTML như vậy.
Thoát khỏi chém về phía trước trong các thẻ kết thúc HTML.....
Điều này hoàn toàn kỳ quái.....
Hãy chắc chắn mã hóa bất kỳ dấu ngoặc kép nào có thể được bao gồm trong nội dung HTML (xấu) ..

Làm thế nào để tìm nạp dữ liệu từ tệp JSON và hiển thị HTML bằng JavaScript?

Mã jQuery sử dụng phương thức getJson () để tìm nạp dữ liệu từ vị trí của tệp bằng cách sử dụng yêu cầu AJAX HTTP GET.Nó có hai đối số.Một là vị trí của tệp JSON và một là hàm chứa dữ liệu JSON.Hàm mỗi () được sử dụng để lặp qua tất cả các đối tượng trong mảng.. It takes two arguments. One is the location of the JSON file and the other is the function containing the JSON data. The each() function is used to iterate through all the objects in the array.