How to make the following table into a JSON string in jquery/javascript?
<table> <thead> <tr><th>Column <tr> <th>Column 1</th><th>Columnth> <th>Column 2</th><th>Columnth> <th>Column 3</th><th> </tr> </thead> <tbody> <tr><td>A1< <tr> <td>A1</td><td>A2<td> <td>A2</td><td>A3<td> <td>A3</td><td> </tr> <tr><td>B1< <tr> <td>B1</td><td>B2<td> <td>B2</td><td>B3<td> <td>B3</td><td> </tr> <tr><td>C1< <tr> <td>C1</td><td>C2<td> <td>C2</td><td>C3<td> <td>C3</td><td> </tr> </tbody> </table> I want to make it such that I can get a JSON string in a variable "myjson" that could be used in a POST request or GET request:
{ "myrows" : [ { "Column 1" : "A1", "Column 2" : "A2", "Column 3" : "A3" }, { "Column 1" : "B1", "Column 2" : "B2", "Column 3" : "B3" }, { "Column 1" : "C1", "Column 2" : "C2", "Column 3" : "C3" } ] } What is the best way to accomplish this? (Note: There may be a varying number of rows, I just want to extract the text while ignoring the other tags inside of the table)
