java - 在 Servlet 中提交没有页面刷新的表单

Question

<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>

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

Answer 1

你可以试试这个：

$(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");
            }
        });
    });
});

笔记

尝试POST通过 firebug 或其他类型的调试器调试请求，使其正常工作。

Answer 2

您将不得不阻止表单提交事件的默认行为。

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