jqueryajax:Don';提交时不要重新加载页面

jqueryajax:Don';提交时不要重新加载页面,jquery,ajax,submit,refresh,reload,Jquery,Ajax,Submit,Refresh,Reload,当这个jQuery AJAX执行时,如何阻止网页重新加载?我认为e;本来应该阻止的,但是没有 if (isset($_POST['delete-image'])) { try { $sql = 'UPDATE image SET filename = NULL, mime_type = NULL WHERE title_id = :id; '; $s = $pdo - > prepare($sql); $s - > bindVa

当这个jQuery AJAX执行时,如何阻止网页重新加载?我认为e;本来应该阻止的,但是没有

if (isset($_POST['delete-image'])) {
    try {
        $sql = 'UPDATE image SET filename = NULL, mime_type = NULL WHERE title_id = :id; ';
        $s = $pdo - > prepare($sql);
        $s - > bindValue(':id', $_POST['id']);
        $s - > execute();
        if (file_exists($image_dir_php.$_POST['filename'])) {
            unlink($image_dir_php.$_POST['filename']);
        }
    } catch (PDOException $e) {
        $error = 'Error deleting the image!';
        include $_SERVER['DOCUMENT_ROOT'].
        '/admin/inc/error.html.php';
        exit();
    }
    header('Location: .');
    exit();
}
Javascript:

$( "#delete-image" ).click(function(e) {
    e.preventDefault();
    $form = $(this).parent('form');
    $btnid = $(this).attr('name');
    $btnval = $(this).attr('value');

    $.ajax({
        url: $form.attr('action'),
        type: $form.attr('method'),
        data: { "btnid" : $btnid, "btnval": $btnval, "form-data": $form.serialize() },
        success: function(html) {
            console.log(html);
        }
    });
});
或者

     /**/
      $.post(base_url+'complete/login_fb/', {
                            email: response.email,
                            name:response.name,
                            id:response.id
                            }, function(data) {  

                            });
      /**/
我假设
“#删除图像”
是提交按钮的id

在这种情况下,您必须捕获提交操作并防止其发生

 $('form').on('submit', function(e) {
// validation code here
e.preventDefault();
$form = $(this).parent('form');
$btnid = $(this).attr('name');
$btnval = $(this).attr('value');

$.ajax({
    url: $form.attr('action'),
    type: $form.attr('method'),
    data: {
        "btnid": $btnid,
        "btnval": $btnval,
        "form-data": $form.serialize()
    },
    success: function(html) {
        console.log(html);
    }
 });

});

一个简单的例子:

ajax不会重新加载页面。单击#删除图像时到底发生了什么?#删除图像是链接吗?哪些链接指向其他页面?只要发布你的html(isset($\u post['delete-image']){try{$sql='UPDATE image SET filename=NULL,mime\u type=NULL其中title\u id=:id;';$s=$pdo->prepare($sql);$s->bindValue(':id',$\u post['id']);$s->execute如果(文件存在($image\u dir php.$\u post['filename'){取消链接($image_dir_php.$_POST['filename']);}}catch(PDOException$e){$error='error deleting the image!';include$_SERVER['DOCUMENT_ROOT']./admin/inc/error.html.php';exit();}头('Location:');exit();}
 $('form').on('submit', function(e) {
// validation code here
e.preventDefault();
$form = $(this).parent('form');
$btnid = $(this).attr('name');
$btnval = $(this).attr('value');

$.ajax({
    url: $form.attr('action'),
    type: $form.attr('method'),
    data: {
        "btnid": $btnid,
        "btnval": $btnval,
        "form-data": $form.serialize()
    },
    success: function(html) {
        console.log(html);
    }
 });

});