将数据从jsp中的可编辑表传递到servlet

Question

我是JSP和servlet的新手。 我必须允许用户在html表中键入一些问题，然后将输入的数据传递给servlet。 问题数量可能会有所不同。 因此，我想将其作为列表或数组传递给servlet。 我不希望为每行都使用隐藏标记，因为当行是动态的时，这将很乏味。

有人可以建议一种有效的方法来传递表格列中输入的所有问题吗？ 这是代码段。

<body>
<form action="adminPageServlet" method="POST">
   <table class="table editabletable table-bordered table-condensed table-responsive"
                    border="1">
        <tr>
    <td><div contenteditable>Question1</div></td>
    </tr>

    <tr>
    <td><div contenteditable>Question2</div></td>
    </tr>

    </table>
<button class="btn btn-default" type="submit" id="loginBtn">Submit</button>
</form>
</body>

编辑：

非常感谢。 我仍然无法将数据从函数传递到servlet。 能否请你帮忙？ 我在这里不断收到一条错误警报消息-其中textStatus：undefined和data：[Object object]。

jQuery.ajax({
                url:'adminPageServlet',
                data:{"key1":"value1","key2":"value2"},
                type:'POST',
                contentType:"application/json; charset=utf-8",
                dataType : 'json',  
                success:function(data, textStatus, jqXHR){
                    // access response data
                    alert("success");
                },
                error:function(data, textStatus, jqXHR){
                    console.log('Service call failed!');
                    alert("failed - data"+data+"textSTatus"+textStatus);
                }
            });

我尝试使用将问题转换为JSON字符串

var jsonString = JSON.stringify(questions);

并尝试通过此。 不工作 能否请你帮忙？

Answer 1

当用户按下提交按钮时，在提交之前调用一个将所有问题放入数组的函数

var Question=new Array();

然后将该数组解析为JSON格式。 解析后，然后发布请求。

像这样：

$.ajax({
                type: 'POST',
                url: '',
                contentType:"application/json; charset=utf-8",
                dataType:"json"
                data:  JSONData
                success: function(data){                       
                }   // Success Function
});

在服务器端读取JSON。

请参考此stackoverflow 。

更新

function getQuestions(){
        var row  =$(".table tr")
        var questions=new Array();
        row.each(function(){
            var que = $(this).find("td div").html();
            console.log(que);
            Questions.push(que);

        }); 
        return questions;
    }
    function sentData()
    {
        var Questions=getQuestions();

        // your array to JSON Code

        $.ajax({
                type: 'POST',
                url: '',
                contentType:"application/json; charset=utf-8",
                dataType:"json"
                data:  JSONData
                success: function(data){                       
                }   // Success Function
        });     

    }

在HTML而不是提交按钮写这个

<button onClick="sendData()">Send</button>

将数据从jsp中的可编辑表传递到servlet

问题描述

1 个解决方案

解决方案1
0 2013-12-11 04:53:08

将数据从jsp中的可编辑表传递到servlet

问题描述

1 个解决方案

解决方案1 0 2013-12-11 04:53:08

解决方案1
0 2013-12-11 04:53:08