$ .ajax将不会访问网址

时间:2013-11-19 20:58:45

标签: javascript jquery ajax

我正在尝试通过jquery和$ .ajax将一些数据发送到php文件。页面加载时,将从“bewohner_func.php”中检索名称列表。这很有效。

列表末尾是一个表单,用于在列表中添加新名称。它使用$ .ajax将数据发送到“bewohner_func.php”,使用开关来区别于显示或添加数据。问题是,当我尝试发送表单时,脚本不包含php文件。我可以肯定地说,这不是php文件的错,因为我将其减少为警报。

$(document).ready(function()
{       
    $("#bew_new").submit(function() 
        {
            var frmData = $("#bew_new").serialize();

            $.ajax({
                    url: "bewohner_func.php",
                    data: frmData,
                    success: function(msg)
                        {
                            $('#bewohnerliste').fadeOut(400);
                            $.get("bewohner_func.php", {'bew_new': '0'}, function(data){
                                $("#bewohnerliste").html(data);
                            });
                            $('#bewohnerliste').fadeIn(400);
                        }
                });
            return false;

        });

});

这是显示的代码,它可以正常工作:

$(document).ready(function()
{
    $.get("bewohner_func.php", {'bew_new': '0'}, function(data){
        $("#bewohnerliste").html(data);
    });
});

表格:

        <form id="bew_new" class="bew_form" action="bewohner_func.php" method="get">
        <input name="anrede" size="6" value="Anrede" onFocus="if(this.value=='Anrede')this.value=''">
        <input name="name" value="Name" onFocus="if(this.value=='Name')this.value=''">
        <input name="wohnbereich" size="2" value="WB" onFocus="if(this.value=='WB')this.value=''">
        <input type="submit" value="Neu anlegen">
    </form>

1 个答案:

答案 0 :(得分:0)

听起来您在加载表单之前在页面加载时运行submit处理程序代码。如果是这样,如果不存在,则不会绑定提交处理程序。

您可以将处理程序委托给eleemnt或文档本身,它将成为页面中的永久资产

TRY:

$("#bewohnerliste").on('submit',"#bew_new",function(){

     var frmData = $(this).serialize();
       $.ajax......
})