Jquery 如何使用带有提交按钮的ajax将数据发送到servlet_Jquery_Ajax_Servlets

Jquery 如何使用带有提交按钮的ajax将数据发送到servlet

jquery ajax servlets

Jquery 如何使用带有提交按钮的ajax将数据发送到servlet,jquery,ajax,servlets,Jquery,Ajax,Servlets,我是servlet新手，我想使用ajax和jquery获取servlet中的数据。它可以执行，但我并没有在servlet中获取数据单击submit按钮时，唯一的错误部分是执行ajax 我的索引页是 I am new with servlet, I want to get the data in the servlet using ajax and jquery. it execute but i did not get data in servlet <html> &l

我是servlet新手，我想使用ajax和jquery获取servlet中的数据。它可以执行，但我并没有在servlet中获取数据单击submit按钮时，唯一的错误部分是执行ajax 我的索引页是

 I am new with servlet, I want to get the data in the servlet using ajax and jquery. it execute but i did not get data in servlet

<html>
    <head>
        <title>First jQuery Example</title>
        <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
        </script>
    </head>
    <body>
        <div align=center>
            <form id="myform">
                <pre>
                    Name:
                    <input type="text" name='name' id='name' />
                    Email:
                    <input type='text' name='email' id='email' />
                    Address:
                    <input type='text' name='address' id='address'>
                        <input type='submit' value='submit' id='mysubmit'>
                </pre>
            </form>
        </div>
        <script type="text/javascript">
            $(document).ready(function() {
                alert("Onready the page");
                $("#myform").on('submit',(function(e){
                    alert("button clicked");
                    e.preventDefault();
                    var name=$("#name").val();
                    var address=$("#address").val();
                    var email=$("#email").val();
                    $.ajax({
                        url: "reg",
                        type: "GET",
                        data:{name:name,email:email,address:address},
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(data){
                            alert(data);
                        },
                        error: function(){
                            alert("error");
                        }
                    });
                }));
            });
        </script>
    </body>
</html>

单击submit按钮时，唯一的错误部分是执行ajax 我的索引页是

 I am new with servlet, I want to get the data in the servlet using ajax and jquery. it execute but i did not get data in servlet

<html>
    <head>
        <title>First jQuery Example</title>
        <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
        </script>
    </head>
    <body>
        <div align=center>
            <form id="myform">
                <pre>
                    Name:
                    <input type="text" name='name' id='name' />
                    Email:
                    <input type='text' name='email' id='email' />
                    Address:
                    <input type='text' name='address' id='address'>
                        <input type='submit' value='submit' id='mysubmit'>
                </pre>
            </form>
        </div>
        <script type="text/javascript">
            $(document).ready(function() {
                alert("Onready the page");
                $("#myform").on('submit',(function(e){
                    alert("button clicked");
                    e.preventDefault();
                    var name=$("#name").val();
                    var address=$("#address").val();
                    var email=$("#email").val();
                    $.ajax({
                        url: "reg",
                        type: "GET",
                        data:{name:name,email:email,address:address},
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(data){
                            alert(data);
                        },
                        error: function(){
                            alert("error");
                        }
                    });
                }));
            });
        </script>
    </body>
</html>


第一个jQuery示例
姓名：
电邮：
地址:
$（文档）.ready（函数（）{
警报（“页面准备就绪”）；
$（“#myform”）。关于（'提交'，（函数（e）{
警报（“点击按钮”）；
e、 预防默认值（）；
var name=$（“#name”）.val（）；
var address=$（“#address”）.val（）；
var email=$（“#email”）.val（）；
$.ajax({
网址：“注册”，
键入：“获取”，
数据：{name:name，email:email，address:address}，
contentType:false，
cache:false，
processData:false，
成功：功能（数据）{
警报（数据）；
},
错误：函数（）{
警报（“错误”）；
}
});
}));
});

1）导入最新的jquery文件
(二)

$（“.your form class”）。关于（'submit'，（函数（e）{
e、 预防默认值（）；
$.ajax({
url:“Servlet路径”，
类型：“POST”，
数据：新表单数据（本），
contentType:false，
cache:false，
processData:false，
成功：功能（数据）{
警报（数据）；
},
错误：函数（）{
警报（“错误”）；
}           
})
}));

1）导入最新的jquery文件
(二)

$（“.your form class”）。关于（'submit'，（函数（e）{
e、 预防默认值（）；
$.ajax({
url:“Servlet路径”，
类型：“POST”，
数据：新表单数据（本），
contentType:false，
cache:false，
processData:false，
成功：功能（数据）{
警报（数据）；
},
错误：函数（）{
警报（“错误”）；
}           
})
}));

向servlet发送数据不需要ajax。您需要在web.xml中定义到servlet的路由，并提及表单的提交操作。比如说,

<form action="HelloForm" method="GET">


地狱形态
地狱形态
地狱形态
/地狱形态

这是应用程序的web.xml文件和

这需要是类名为“HelloForm”的示例servlet的表单标记。单击此表单的提交按钮将表单字段数据发送到servlet。注意表单字段的“名称”。要访问名为“field1”的字段（例如Ninput name=“field1”>），servlet中的代码需要是request.getParameter（“field1”）

希望这能澄清您的疑问。

您不需要ajax将数据发送到servlet。您需要在web.xml中定义到servlet的路由，并提及表单的提交操作。比如说,

<form action="HelloForm" method="GET">


地狱形态
地狱形态
地狱形态
/地狱形态

这是应用程序的web.xml文件和

希望这能澄清您的疑问。

您的帖子不完整您的帖子不完整我同意您的看法，但OP想使用AJAXOk，我意识到您为什么需要AJAX。普拉蒂克的回答符合你的目的。在他的回答下面添加了一条评论。我同意你的看法，但OP想使用AJAXOk，我意识到你为什么需要AJAX。普拉蒂克的回答符合你的目的。在他的回答下面添加了一条评论。好的，我意识到这是需要的，这是正确的。只有一点。如果希望请求是异步的（在本例中，这是ajax的全部目的），请在请求正文中提到async:true。这将达到目的。另外，我不认为在$（“.your form class”）中的类名文本之间可以有空格。我只是把它放在这里供您参考，以便您可以删除它并替换为您的classimporting最新的jquery解决了问题。我意识到这是需要的，这是正确的。只有一点。如果希望请求是异步的（在本例中，这是ajax的全部目的），请在请求正文中提到async:true。这将达到目的。此外，我认为在$（“.your form class”）中的类名文本之间不能有空格。我只是将其放在这里供您参考，以便您可以将其删除并替换为您的classimporting最新jquery解决了此问题