将字符串变量从html文件传递给JSP

时间:2013-12-16 17:53:55

标签: javascript jquery string jsp post

我正在尝试将字符串传递给jsp文件,然后我希望jsp文件能够对字符串执行某些操作。我不知道jsp。我只是想确保我的逻辑是正确的。我的代码“有效”,但我想确定它的作用。我想我将字符串的val发布到浏览器的内存并调用test.jsp文件。那是怎么回事?或者我应该做一些完全不同的事情?

<!DOCTYPE html>

<html>
<head>
<title>Page Title</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $(document).ready(function(){
        var qString = '';
        $('#execute').click(function(){
        qString = $('#query-string').val();
        console.log(qString);
        $.post('test.jsp',qString);
        });
    });


</script>

</head>

<body>
<section>
    <label for="query-string">Enter your query here!</label>
    <input type="text" id="query-string">
        <button id="execute">Execute</button> 

</section>



</body>
</html> 

1 个答案:

答案 0 :(得分:1)

将您的值作为对象发送而不是字符串

 $(document).ready(function(){
    var qString = '';
    $('#execute').click(function(){
      qString = $('#query-string').val();
      console.log(qString);
      $.post('test.jsp',{qString:qString},function(data){
         //your stuff .. 
         alert('successfull');
      });
});

所以这会将名称为qString的值发布到test.jsp页面..

{qString:qString}这里key(qString)是将数据发布到jsp页面的名称(可以是任何内容)示例{test:qString},这里的数据是作为测试发布的,所以在jsp页面中你有通过test ...

获取发布的数据

function(data){....});这是一个回调函数,当成功调用post方法并从服务器返回一些数据时调用该函数