Конвертировать HTML таблицу в JSON

Теги:

Форма для преобразования HTML в JSON

Эта форма позволяет преобразовывать HTML таблицы в JSON формат данных, вставьте или загрузите HTML файл ниже:


Ваш результат можно увидеть ниже.

Результат преобразования HTML в JSON


Перенести в "Вставить код" для сохранения

О преобразовании HTML в JSON

О преобразовании HTML таблиц в JSON данные

Конвертер HTML в JSON была создана для оперативного преобразования HTML кода таблиц в JSON(JavaScript Object Notation) данные. Это очень простой и легкий способ преобразовать и поделиться HTML данными в JSON формате.

Как это работает?

Просто вставьте или загрузите HTML данные в текстовое поле выше и нажмите кнопку "Конвертировать", и вы сразу получите JSON данные.

Пример преобразования HTML в JSON

Исходные данные (До): 
<!DOCTYPE html>
<html>
<head>
<style>h1{color:orange;text-align:center;}</style>
</head>
<body>
<h1>HTML example!</h1>
<p>This is a paragraph.</p>
<table>
<thead>
<tr>
<td>id</td>
<td>firstName</td>
<td>lastName</td>
<td>age</td>
</tr>
</thead>
<tr>
<td>1</td>
<td>Kim</td>
<td>Kardashian</td>
<td>39</td>
</tr>
<tr>
<td>2</td>
<td>Ariana</td>
<td>Grande</td>
<td>26</td>
</tr>
<tr>
<td>3</td>
<td>Cristiano</td>
<td>Ronaldo</td>
<td>35</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Конечный результат (После): 
{
	"root":
	{
		"rows": [
		{
			"col1": "id",
			"col2": "firstName",
			"col3": "lastName",
			"col4": "age"
		},
		{
			"col1": "1",
			"col2": "Kim",
			"col3": "Kardashian",
			"col4": "39"
		},
		{
			"col1": "2",
			"col2": "Ariana",
			"col3": "Grande",
			"col4": "26"
		},
		{
			"col1": "3",
			"col2": "Cristiano",
			"col3": "Ronaldo",
			"col4": "35"
		}]
	}
}
Или: 
{
	"root":
	{
		"rows": [
		{
			"id": "1",
			"firstName": "Kim",
			"lastName": "Kardashian",
			"age": "39"
		},
		{
			"id": "2",
			"firstName": "Ariana",
			"lastName": "Grande",
			"age": "26"
		},
		{
			"id": "3",
			"firstName": "Cristiano",
			"lastName": "Ronaldo",
			"age": "35"
		}]
	}
}
После преобразования вы можете применить JSON данные к своему проекту или использовать их для других целей.
Пожертвовать

Вам понравился этот инструмент? Вы можете задонатить нам. Это поможет нам улучшить наши бесплатные веб-инструменты.

Paypal