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

Question

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

HTML:

<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);
        }
    });
}

Answer 1

你的变量有引号。如果您删除引号，并且我假设您的服务器需要 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 Lohmann 所提到的，您还尝试将值传递到函数中，然后尝试在函数中再次获取它。在这种情况下，您应该执行以下操作:

HTML:

<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);
        }
    });
}