Java 在Servlet中提交表单时不刷新页面 $（文档）.ready（函数（） { $（'.ibutton'）。单击（函数（） { var ajaxdata=$（“#国家”）.val（）； var value=“country=”+ajaxdata； $.ajax({ url:“保存它”， 类型：“POST”， 数据：价值， cache:false， 成功：函数（数据）{ 警报（“加载成功”）； } })；返回false； }); });

朋友们，我关注每件事，但它不起作用，提交时，我无法发送servlet请求，saveIt是我的url模式，请帮助我。

您必须防止表单提交事件的默认行为

<script type="text/javascript">
$(document).ready(function()
{ 
    $('.ibutton').click(function() 
    {
           var ajaxdata=$("#country").val();
           var value = "country="+ajaxdata;            
           $.ajax({
                        url: "saveIt",         
                        type: "POST",                           
                        data: value,
                        cache: false,
                        success: function(data){ 
                                      alert("load success");              
                                }
                    });return false;  
    });   
});

</script>

您可以尝试以下方法：

$( function () {
$("#ajax-form").submit(function(event){
  // fire Ajax
  $.post( "/saveIt", { country: $("#country").val() }, function (data) {} );
  event.preventDefault();
});
} );

注

---

尝试通过firebug或其他类型的调试器来调试

POST

请求。

一个技巧，将值作为字典{'country'：value}发送。什么是

。ibutton

？它是

submit

类型还是其他类型？ibutton是如何不起作用的？会发生什么？有什么错误吗？你删除了你的点击监听器了吗？没有回应是什么意思？检查Chrome inspector/Firebug中的网络面板，查看请求是否已发送。还要检查控制台是否有错误如果我没有记错，绑定到click事件的问题是，在键盘上点击“Enter”仍然会导致页面刷新。只有当我将注释输入为//类型：“post”时，如果我删除注释，我在firebug中得到了错误，它说----405 HTTP方法POST不受此支持URL@John然后通过

GET

发送数据。

$(document).ready(function() {
    $('.ibutton').click(function(e) {
        e.preventDefault();  // add preventDefault()
        var ajaxdata = $("#country").val();

        // don't send data like this
        // var value = "country=" + ajaxdata;
        // try like below, as an object
        var value = {'countr' : ajaxdata};

        $.ajax({
            url: "saveIt",
            type: "POST",
            data: value,
            cache: false,
            success: function(data) {
                alert("load success");
            }
        });
    });
});