提交Ajax未触发

时间:2019-07-12 22:53:40

标签: php ajax

我正在使用ajax拨打电话,但是它不起作用。

我的情况如下:

user.php->与数据库进行交互 ajax.js->提交表单

我正在使用动态模式来显示带有表单的信息,但是在表单提交ajax中并未触发。

user.php->显示模式

echo "<form method='post' action='".base_url."/ajax/user.php' class='frm_fix' id='ajax_form'>";
echo "<input type='submit' class='btn btn-primary' value='Update' name='update'>";
echo "</form>";
$('.user_edit').click(function(){
    var id = this.id;
    var splitid = id.split('_');
    var userid = splitid[1];

    // AJAX request
    $.ajax({
        url: './ajax/user.php',
        type: 'get',
        data: {
            uid: userid,
            action: "edit"
        },
        success: function(response){
            // Add response in Modal body
            $('.modal-content').html(response);

            // Display Modal
            $('#empModal').modal('show');
        }
    });
});

ajax.js

$("#ajax_form").submit(function (event) {
    event.preventDefault();
    let url = $(this).attr("action");
    let data = $(this).serialize();

    console.log(data);

    $.post(url, data, function( response ) {
        try {
            let result = jQuery.parseJSON(response);
            console.log(result);
            if (result.status === false) {
                $("#result").html("<div class='alert alert-danger'>" + result.message + "</div>");
            } else {
                let div_result = $("#result");
                div_result.html(
                    "<div class='alert alert-success'>" + result.message + "</div>");

                let redir = $("input[name=redirect]");
                if (redir.length) {
                    $("#result div").append(" Do not redirect? <a href='"+ redir.val() +"'>Click Here!</a>");
                    window.setTimeout(function () {
                        window.location.href = redir.val();
                    }, 100000);
                }
            }
        }
        catch(e)
        {
            $("#result").html("<div class='alert alert-danger'> Error: " + e + "</div>");
        }
    });
});

控制台什么也不显示。

请记住,我正在使用动态模态,即:

用户单击一个按钮->在单击输入提交时显示形式为-> user的模式,必须进行调用ajax

0 个答案:

没有答案