使用ajax将表单数据从jsp发送到servlet_Ajax_Servlets

使用ajax将表单数据从jsp发送到servlet

ajax servlets

使用ajax将表单数据从jsp发送到servlet,ajax,servlets,Ajax,Servlets,我花了10年时间编写ASP/Ajax，必须改用JAVA。我开始编写非常简单的脚本，以便在深入研究更复杂的内容之前能够清楚地理解这些概念。我使用的是Tomcat7，Servlet3 问题是。已成功调用servlet，但未传输表单数据这是经过编辑的servlet（Main.java）这是经过编辑的JSP（Main.JSP）：所以问题4112686 $.ajaxSetup（{cache:false}）； $（文档）.ready（函数（）{ $（“#提交”）。单击（函数（事件）{ var fo

我花了10年时间编写ASP/Ajax，必须改用JAVA。我开始编写非常简单的脚本，以便在深入研究更复杂的内容之前能够清楚地理解这些概念。我使用的是Tomcat7，Servlet3

问题是。已成功调用servlet，但未传输表单数据

这是经过编辑的servlet（Main.java）

这是经过编辑的JSP（Main.JSP）：


所以问题4112686
$.ajaxSetup（{cache:false}）；
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（事件）{
var form=（event.target.form），
url=“/Main”
+“？lName=“+escape（form.elements.lName.text）
+“&fName=“+escape（form.elements.fName.text）；
$.get（url，函数（getData）{
$（'#somediv'）.text（getData）；
});
});
});
在JSP和Servlet中使用Jquery的AJAX演示
输入您的姓名：








....

编辑：如果表单数据没有传输，那是因为您没有将其发送到服务器。GET请求意味着您需要将

lName=abc&fName=def

附加到URL：

<script>
$.ajaxSetup({ cache: false });
    $(document).ready(function() {   
        $('#submit').click(function(event) {
            var form = (event.target.form),
                url = "/SomeServlet"
                    + "?lName=" + escape(form.elements.lName.text)
                    + "&fName=" + escape(form.elements.fName.text);

            $.get(url, function(getData) { 
                $('#somediv').text(getData);         
            });
        });
    });
</script>


$.ajaxSetup（{cache:false}）；
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（事件）{
var form=（event.target.form），
url=“/SomeServlet”
+“？lName=“+escape（form.elements.lName.text）
+“&fName=“+escape（form.elements.fName.text）；
$.get（url，函数（getData）{
$（'#somediv'）.text（getData）；
});
});
});

谢谢，谢谢，谢谢，格雷格，我不知道答案会来得这么快。数据现在被发送到Servlet。我注意到页面重定向到Java页面并显示数据。如何在不重定向page.PS的情况下在--somediv--中显示Servlet输出。我把servlet改成了Main。jsp现在是Main.jsp，java现在是Main.java

<!DOCTYPE html>
<html lang="en">
<head>
    <title>SO question 4112686</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>

    <script>
$.ajaxSetup({ cache: false });
$(document).ready(function() {   
$('#submit').click(function(event) {
    var form = (event.target.form),
        url = "/Main"
            + "?lName=" + escape(form.elements.lName.text)
            + "&fName=" + escape(form.elements.fName.text);

    $.get(url, function(getData) { 
        $('#somediv').text(getData);         
    });
});
});
</script>

</head>
<body>
<form id="Main" action="Main" method="post">
<h4>AJAX Demo using Jquery in JSP and Servlet</h4>
Enter your Name:
<br/><input type="text" id="fName" name="fName"/>
<br/><input type="text" id="lName" name="lName"/>
<br/><input type="submit" id="submit" value="Ajax Submit"/>
<br/>
</form>

<div id="somediv">....</div>
</body>
</html>

<script>
$.ajaxSetup({ cache: false });
    $(document).ready(function() {   
        $('#submit').click(function(event) {
            var form = (event.target.form),
                url = "/SomeServlet"
                    + "?lName=" + escape(form.elements.lName.text)
                    + "&fName=" + escape(form.elements.fName.text);

            $.get(url, function(getData) { 
                $('#somediv').text(getData);         
            });
        });
    });
</script>