用ajax把jsp里输入的数据传入servlet不成功？

心疼我的过去丶 java开发工程师 2015-12-08 04:34:02

Jsp里的代码：
<script type="text/javascript">
$(function (){
$.ajax({
url:"Action",
type:"post",
dataType:"json",
timeout:5000,
data:{
action:"Action",
tel:$("#tel").val()
},
async:false,
success:function(data){
$('#tbList').empty();
var users = data.users;
for(i=0;i<users.length;i++){
var user = users[i];
$('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
+user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
+user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
}
},
error:function(){
//服务器出错之后的处理逻辑
alert("error");
}
});
});
</script>
<body>
<input id="tel" name="tel"/> <button onclick="window.location='Action'">查询</button>
</body>

Servlet里的代码：
String tel = (String)request.getAttribute("tel");
System.out.println("tel="+tel);

但是我运行时这里输出的tel=null;这是为什么啊？请教下a会ajax的大神啊

...全文

154 点赞收藏 10

写回复

10 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

心疼我的过去丶 2015-12-10

引用 9 楼 u012651054 的回复:

[quote=引用 7 楼 u010540940 的回复:] [quote=引用 6 楼 u012651054 的回复:] [quote=引用 4 楼 u010540940 的回复:] [quote=引用 1 楼 u012651054 的回复:] 你在点击查询的时候，是申请了新的页面，这个页面重新初始化了<input id="tel" name="tel"/> 它的值肯定是空的，你如果想要ajax实现这个功能在<button onclick="window.location='Action'">不能调用window.location 而是要直接调用ajax方法才行。可以这样调整：


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

改了还是没用啊，servlet里面输出的获取值还是null。。
String tel = (String)request.getAttribute("tel");
//String tel = request.getParameter("tel");这两种都没用

[/quote] 作为post或者get的请求，发送到request中的参数，不能通过getAttribute获得，而是要通过getParameter()获取。[/quote] 都试了，还是没用。唉，我还是老老实实用我的表单提交吧。。

[/quote] 虽然不知道你是怎么弄的，我后台是取到了值后台代码： String tel = request.getParameter("tel"); System.out.println(tel); [/quote] 我后来知道怎么回事了，data:{ action:"Action", tel:$("#tel").val() } 这里不需要那个action，去掉就可以了。

回复赞

南猿北辙 2015-12-09

for(i=0;i<users.length;i++){ 这里有错改为 for(var i=0;i<users.length;i++)

回复赞

心疼我的过去丶 2015-12-09

引用 6 楼 u012651054 的回复:

[quote=引用 4 楼 u010540940 的回复:] [quote=引用 1 楼 u012651054 的回复:] 你在点击查询的时候，是申请了新的页面，这个页面重新初始化了<input id="tel" name="tel"/> 它的值肯定是空的，你如果想要ajax实现这个功能在<button onclick="window.location='Action'">不能调用window.location 而是要直接调用ajax方法才行。可以这样调整：


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

改了还是没用啊，servlet里面输出的获取值还是null。。
String tel = (String)request.getAttribute("tel");
//String tel = request.getParameter("tel");这两种都没用

回复赞

小米拌大头菜 2015-12-09

引用 4 楼 u010540940 的回复:

[quote=引用 1 楼 u012651054 的回复:] 你在点击查询的时候，是申请了新的页面，这个页面重新初始化了<input id="tel" name="tel"/> 它的值肯定是空的，你如果想要ajax实现这个功能在<button onclick="window.location='Action'">不能调用window.location 而是要直接调用ajax方法才行。可以这样调整：


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

改了还是没用啊，servlet里面输出的获取值还是null。。
String tel = (String)request.getAttribute("tel");
//String tel = request.getParameter("tel");这两种都没用

[/quote] 作为post或者get的请求，发送到request中的参数，不能通过getAttribute获得，而是要通过getParameter()获取。

回复赞

小米拌大头菜 2015-12-09

引用 7 楼 u010540940 的回复:

[quote=引用 6 楼 u012651054 的回复:] [quote=引用 4 楼 u010540940 的回复:] [quote=引用 1 楼 u012651054 的回复:] 你在点击查询的时候，是申请了新的页面，这个页面重新初始化了<input id="tel" name="tel"/> 它的值肯定是空的，你如果想要ajax实现这个功能在<button onclick="window.location='Action'">不能调用window.location 而是要直接调用ajax方法才行。可以这样调整：


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

改了还是没用啊，servlet里面输出的获取值还是null。。
String tel = (String)request.getAttribute("tel");
//String tel = request.getParameter("tel");这两种都没用

[/quote] 虽然不知道你是怎么弄的，我后台是取到了值后台代码： String tel = request.getParameter("tel"); System.out.println(tel);

回复赞

心疼我的过去丶 2015-12-08

引用 2 楼 u011098115 的回复:

是啊，<button onclick="window.location='Action'">查询</button>一般都是给一个ID，然后在JS中的单击事件写ajax查询。

我表示不会这种。。

回复赞

心疼我的过去丶 2015-12-08

引用 1 楼 u012651054 的回复:

你在点击查询的时候，是申请了新的页面，这个页面重新初始化了<input id="tel" name="tel"/> 它的值肯定是空的，你如果想要ajax实现这个功能在<button onclick="window.location='Action'">不能调用window.location 而是要直接调用ajax方法才行。可以这样调整：


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

改了还是没用啊，servlet里面输出的获取值还是null。。
String tel = (String)request.getAttribute("tel");
//String tel = request.getParameter("tel");这两种都没用

回复赞

走在四季 2015-12-08

“data:{ action:"Action", tel:$("#tel").val() },” 为什么不是直接写 data:“tel=”+$("#tel").val(),

回复赞

走在四季 2015-12-08

是啊，<button onclick="window.location='Action'">查询</button>一般都是给一个ID，然后在JS中的单击事件写ajax查询。

回复赞

小米拌大头菜 2015-12-08


<script type="text/javascript">
           $(function (){ 
        	   $("#btn_search").click(function(){
        	   	$.ajax({
                            url:"Action",
                            type:"post",
                            dataType:"json",
                            timeout:5000,
                            data:{
                                action:"Action",
                                tel:$("#tel").val()
                            },
                            async:false,
                            success:function(data){
                                $('#tbList').empty();
                                var users = data.users;
                                for(i=0;i<users.length;i++){
                                    var user = users[i];
                                    $('#tbList').append('<tr><td><input type="checkbox" id="check" name="check"/></td><td>'
                                            +user.name+'</td><td>'+user.number+'</td><td>'+user.type+'</td><td>'
                                            +user.tel+'</td><td>'+'<button onclick="window.location="Look"">查看</button></td></tr>');
                                }
                            },
                            error:function(){
                                //服务器出错之后的处理逻辑
                                alert("error");
                            }
                        });
        	   });
                    
}); 
</script>
<body>
   <input id="tel" name="tel"/> <button  id = "btn_search">查询</button>
</body>

回复赞