Данные таблицы MVC SQL в таблицу HTML

Question

Привет, ребята, я новичок в mvc. Я пытаюсь получить подробности таблицы SQL в таблицу HTML. Для этого я создал контроллер, модель и просмотр. Я также создал таблицу SQL с полями номера и суммы ваучера. вот как я создал контроллер здесь я ссылался на модель modeldemo

<HttpGet>
        Function getVoucherDetails() As JsonResult
            Return Json(New ModelDemo().getVoucherDetails(), JsonRequestBehavior.AllowGet)
        End Function

демо-код модели состоит из sql соединения

Public Function getVoucherDetails() As List(Of Hashtable)
        Dim listCharts As List(Of Hashtable) = New List(Of Hashtable)
        Dim arrayCharts As Hashtable
        Try
            Dim conn = New SqlConnection(connStringLocal)
            conn.Open()
            Using query = New SqlCommand("SELECT vchNum,totalAmount FROM BillHeader", conn)
                Using resultSet = query.ExecuteReader
                    If resultSet.HasRows Then
                        While resultSet.Read()
                            arrayCharts = New Hashtable
                            arrayCharts.Add("vchNum", resultSet("vchNum"))
                            arrayCharts.Add("totalAmount", resultSet("totalAmount"))
                            listCharts.Add(arrayCharts)
                        End While
                    End If
                    resultSet.Close()
                    'resultSet = Nothing
                End Using
            End Using
            conn.Close()
        Catch ex As Exception
            arrayCharts = New Hashtable
            arrayCharts.Add("error", ex.ToString)
            arrayCharts.Add("message", ex.Message)
            listCharts.Add(arrayCharts)
        End Try
        Return listCharts
    End Function

<table id="voucherTable">
         <thead><tr> vchNum </tr><tr>Total Amount</tr></thead>
         <tbody>
         </tbody>
     </table>

функция document.load состоит из

$.post("@Url.Content("~")Home/SaveBill",$('#form1').serializeArray(),function(data){
                    console.log(data)


                    if (data.status == "success") {
                        alert(data.message)

                        $("# voucherTable >tbody").append('<tr><td><input name="vchNum"></td><td><input name="totalAmount"></td></tr>')
                    }

                    else {
                        alert("Error")
                        console.error(data.message)
                    }
                });

и индекс html состоит из

<table id="voucherTable">
         <thead><tr> vchNum </tr><tr>Total Amount</tr></thead>
         <tbody>
         </tbody>
     </table>

и вот как я пытался кто-нибудь может помочь

Answer 1

Есть пробел между #voucherTable и Просто попробуйте $("#voucherTable tbody").append