Javascript 将html表转换为json对象并将其发送到php页面，该表有一个输入字段

我得到了一个html表，它是由php代码以db数据动态创建的。 表格的最后一个字段是用于输入数字的输入字段。 表中的数据必须发送到另一个php页面进行sql插入。 我不熟悉xml和ajax，请帮助我完成上面的javascript代码

<script>

$(document).ready("enter").click(function(event){

    event.preventDefault();
    var elementTable = document.getElementById("form_table");
    var jObject = [];
    for (var i = 0; i < elementTable.rows.length; i++)
    {
        jObject[i] = [];
        jObject[i][0] = elementTable.rows[i].cells[1].innerHTML;
        jObject[i][1] = elementTable.rows[i].cells[2].innerHTML;//data from input field
    }
    console.log(jObject);

    var JSONObject = encodeURIComponent(
        JSON.stringify(jObject));//GETTING ERROR HERE

    var url = "submit.php";
    var requestData = "&dtable=" + JSONObject;

    var XMLHttpRequestObj = FileResort.Utils.createRequest();
    XMLHttpRequestObj.open("POST", url, true);
    XMLHttpRequestObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    XMLHttpRequestObj.send(requestData);
});

</script>

$（文档）。准备就绪（“输入”）。单击（函数（事件）{
event.preventDefault（）；
var elementTable=document.getElementById（“表格”）；
var jObject=[]；
for（var i=0；i

只要您在使用JQuery，就要进行调整

这主要是表序列化所需要的，减去ajax调用（我认为这应该是一篇文章，但这是我个人的观点）

为什么要混合使用jquery（事件）和非jquery ajax调用/dom查询？

$("button").click(function(event){
    event.preventDefault();
    var tableArray = [];
    $("table tbody tr:has(td)").each(function(index,element){
        tableArray.push([
            $(this).find("td:eq(1)").html(),
            $(this).find("td:eq(2)").html()
            ]);
    });
    console.log(tableArray);
    $("div").text(encodeURIComponent(
        JSON.stringify(tableArray)
    ));
    return false;
});