问如何使用Jquery将文本区域的字符串数据作为参数传递给servlet？
EN

Stack Overflow用户

提问于 2012-08-03 20:33:58

回答 3查看 4.6K关注 0票数 1

我在html中有一个文本区域，用户将粘贴一长串数据(带有空格)，这些数据需要输入到数据库中。用户将单击一个按钮upload，该按钮将调用javascript函数，在其中我将发出jquery调用。这个ajax调用将把这个参数传递给url中提到的servlet。我不确定这里的语法，我想知道如何将数据作为输入参数从html textarea传递。

<textarea id = "string" rows = "20" cols = "120" > Please enter the data </textarea>
<input type = "button" value = "upload" onclick=  "UploadResult(getElementById('string'.val());" />

Javascript

function UploadResult()
{
    var elementValue = $("#string").val();

    $.ajax({
        type: "POST",
        url: "servleturl.irpt?",
        data: "elementValue",
        success: function(msg){
            alert( "Data Saved: " + msg );
            alert(elementValue);
        }
    });
}

jquery

ajax

媒体处理1元起

智能、强大、全面的多媒体数据处理服务，助您提升媒体质量、降低成本，媒体处理套餐低至1元

回答 3

Stack Overflow用户

发布于 2012-08-03 20:37:08

你的变量周围有引号。如果删除引号，并且我假设您的服务器期望json，那么您需要将数据格式化为json。

function UploadResult()
{
    var elementValue = $("#string").val();

    $.ajax({
        type: "POST",
        url: "servleturl.irpt",
        //data: "elementValue",
        data: {
            'variableNameExpectedByServer': elementValue
        },
        success: function(msg){
            alert( "Data Saved: " + msg );
            alert(elementValue);
        }
    });
}

编辑

正如Ricardo所提到的，您也尝试将值传递到您的函数中，然后尝试在函数中再次得到它。在这种情况下，您应该执行以下操作：

<input type="button" value="upload" 
    onclick="UploadResult(document.getElementByID('string').value);" />

Javascript

function UploadResult(result)
{
    $.ajax({
        type: "POST",
        url: "servleturl.irpt",
        data: {
            'variableNameExpectedByServer': result
        },
        success: function(msg){
            alert( "Data Saved: " + msg );
            alert(elementValue);
        }
    });
}

票数 2

Stack Overflow用户

发布于 2012-08-03 20:47:30

您正在使用jQuery，所以请不要将您的事件直接放在html上。

First：UploadResult(getElementById('string'.val());应该是UploadResult(document.getElementById('string').value); // missing ')'。

第二个：您正在传递textarea的值，但是在您的函数上，您将再次得到它。

第三：您将错误的数据传递给ajax。data: "elementValue"应该是data: { 'elementValue': elementValue}

第四：当您通过ajax传递data时，在设置url时不需要使用?，所以url: "servleturl.irpt?"应该是url: "servleturl.irpt"

html

<div>
    <textarea id ="string" rows = "20" cols = "120" > Please enter the data </textarea>
    <input type ="button" value ="upload" id="submit"/>
</div>

$('div').on('click', '#submit', function() {

    var elementValue = $("#string").val();

    $.ajax({
        type: "POST",
        url: "servleturl.irpt",
        data: {
            'elementValue': elementValue
        },
        success: function(msg) {
            alert( "Data Saved: " + msg );
            alert(elementValue);
        }
    });

});

票数 2

Stack Overflow用户

发布于 2015-04-01 07:43:12

也许您可以使用这个jquery插件：

https://www.articlage.com/adrianillo/article/DataUploader

你可以轻松地上传大量的文本。

首先，从：https://github.com/adrianillo/datauploader下载脚本

添加对JQuery和DataUploader脚本的引用

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script  src="js/ajaxdatauploader.js"></script>

初始化DataUploader后

jQuery.ajaxdatauploader(
{
    additional:,
    data:,
    pagerequest:,
    piecelenght:,
    encodedata:,
    success: function (datauploader, status){ 
    }
    error: function (req, status, error) {               
    }
  }
);