jqueryajax:Don';提交时不要重新加载页面
当这个jQuery AJAX执行时,如何阻止网页重新加载?我认为e;本来应该阻止的,但是没有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
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);
}
});
});