Nếu bạn giống như chúng tôi và thường tạo các trang web không cần máy chủ và cơ sở dữ liệu ngoại trừ một số biểu mẫu, thì bạn cũng phải cảm thấy khó chịu với tất cả các công việc bổ sung mà bạn phải làm chỉ để lưu dữ liệu từ một vài trường
2. Viết hàm SubForm() giữa hai thẻ script (dòng 9–23)
Hàm SubForm() bên dưới. Bạn sẽ thay thế URL bên dưới bằng URL bạn lấy được ở Bước 3. Phần còn lại của chức năng sẽ giữ nguyên
Chúng tôi sẽ giới thiệu chi tiết hơn về chức năng này ở cuối bài đăng này nhưng hiện tại, tất cả những gì bạn cần biết là nếu dữ liệu được lưu thành công, một cảnh báo sẽ bật lên cho biết Đã gửi dữ liệu biểu mẫu. ) nếu không một cảnh báo sẽ bật lên cho biết Đã xảy ra lỗi. (
<script>function SubForm (){
$.ajax({
url:'//api.apispreadsheets.com/data/410/',
type:'post',
data:$("#myForm").serializeArray(),
success: function(){
alert("Form Data Submitted :)")
},
error: function(){
alert("There was an error :(")
}
});
}
</script>
Đó là nó. Chúng tôi đã làm mọi thứ cần thiết để lưu dữ liệu từ biểu mẫu web vào bảng tính của mình
Bây giờ, hãy kiểm tra và xem cách xem dữ liệu của chúng tôi
thử nghiệm
- Lưu tệp HTML của bạn và mở nó trong trình duyệt để xem biểu mẫu liên hệ
Nó sẽ trông giống như thế này tùy thuộc vào trình duyệt
2. Điền vào biểu mẫu của bạn và nhấp vào Gửi
Một cửa sổ cảnh báo sẽ bật lên cho biết Đã gửi dữ liệu biểu mẫu. )
yay. Nó đã làm việc
Nếu cửa sổ cảnh báo cho biết Đã xảy ra lỗi. ( sau đó vui lòng gửi email cho chúng tôi tại info@lovespreadsheets. com và chúng tôi có thể cố gắng giúp bạn
3. Xem dữ liệu của bạn trong bảng tính của bạn
- Truy cập trang web. apispreadsheet. com
- Đăng nhập nếu cần thiết
- Nhấp vào tab Tệp
- Tìm bảng tính của bạn và nhấp vào nút Tải xuống tệp để tải xuống
- Mở nó lên và bạn sẽ thấy dữ liệu chúng tôi đã gửi ở trên
Một số suy nghĩ chia tay
- Bạn có thể tiếp tục gửi dữ liệu tới bảng tính này và nó sẽ chứa tất cả các bản ghi bất cứ khi nào bạn tải xuống
- Nếu bạn cần thay đổi nội dung nào đó trong bảng tính theo cách thủ công, thì bạn có thể thay đổi nội dung đó và tải lên lại bằng cách sử dụng nút Tải lại tệp. Điều này sẽ bảo vệ URL API của bạn và vẫn chứa bất kỳ cập nhật nào bạn thực hiện. GHI CHÚ. bất cứ thứ gì bạn tải lên lại sẽ là phiên bản chính, vì vậy hãy thận trọng khi sử dụng phiên bản này
- Chúng tôi sẽ viết một hướng dẫn khác về cách thực hiện việc này với Google Trang tính hoặc tệp trên tài khoản đăng của bạn
- Cuối cùng, chức năng Javascript để gửi dữ liệu bên dưới. Hãy đi qua nó
function SubForm (){
$.ajax({
url:'//api.apispreadsheets.com/data/410/',
type:'post',
data:$("#myForm").serializeArray(),
success: function(){
alert("Form Data Submitted :)")
},
error: function(){
alert("There was an error :(")
}
});
}
</script>
- Chúng tôi sử dụng cú pháp jQuery để gọi ajax. Đó là những gì $. ajax làm
- Url là URL chúng tôi đang gọi yêu cầu. Trong trường hợp này, đó là một yêu cầu loại bài
- Dữ liệu là dữ liệu của chúng tôi từ #myForm. Phương thức serialiazeArray() tạo ra một mảng các đối tượng JavaScript, sẵn sàng được mã hóa dưới dạng chuỗi JSON (đừng lo nếu bạn không hiểu quá sâu về điều này. Miễn là bạn đặt tên đúng cho đầu vào và tiêu đề bảng tính, toàn bộ bản trình diễn này sẽ hoạt động)
- Nếu yêu cầu thành công thì chức năng thành công được gọi
- Nếu yêu cầu có lỗi thì chức năng lỗi được gọi
Nếu bạn muốn có ứng dụng tùy chỉnh, dữ liệu được làm sạch hoặc dự án được tạo bằng bảng tính, bạn có thể xem dịch vụ tư vấn của chúng tôi tại đây. https. //www. bảng tình yêu. com