AJAX形式要求仍然重新加載頁面

我試圖提交使用與jQuery Mobile的AJAX形式沒有它刷新頁面和我有沒有運氣..AJAX形式要求仍然重新加載頁面

我有這樣的形式 -

的index.php：

<script> 
function SubmitForm() { 
var name = $("#name").val(); 
$.post("bump.php", { name: name}, 
function(data) { 
//alert(data); 
}); 
} 
</script> 


<form method="post" data-ajax="false"> 
<input name="name" type="hidden" id="name" type="text" value="<?php echo $id; ?>" /> 
<input type="image" style="height:35px;top:4px;" id="bump" src="../img/bump.png" id="searchForm" onclick="SubmitForm();" value="Send" /> 
</form>

這裏是bump.php

$date = date('y/m/d H:i:s'); 
$id = $_POST['name']; 
$sql = "UPDATE images SET update_date='$date' WHERE id=$id"; 

    if ($conn->query($sql) === TRUE) { 

    } else { 
     echo "Error updating record: " . $conn->error; 
    }

我想保持我的位置頁面但每次刷新？我在這裏做錯了什麼？

來源

2016-10-02 Ryan D

您可以使用此鏈接可能對您有所幫助 [輸入鏈接描述]（http://stackoverflow.com/questions/12944329/add-onclick-function-to-a-submit-button） –

可能對你有所幫助 [將onclick函數添加到提交按鈕]（http://stackoverflow.com/questions/12944329/add-onclick-function-to-a-submit-button） –

使用event.preventDefault();取消事件，如果它是可取消的，而不停止事件的進一步傳播。的type="image"

默認行爲是提交form因此頁面是unloaded

function SubmitForm(event) { 
 
    event.preventDefault(); 
 
    var name = $("#name").val(); 
 
    $.post("bump.php", { 
 
     name: name 
 
    }, 
 
    function(data) { 
 
     //alert(data); 
 
    }); 
 
}

<form method="post" data-ajax="false"> 
 
    <input name="name" type="hidden" id="name" type="text" value="<?php echo $id; ?>" /> 
 
    <input type="image" style="height:35px;top:4px;" id="bump" src="../img/bump.png" id="searchForm" onclick="SubmitForm(event);" value="Send" /> 
 
</form>

來源

2016-10-02 03:29:51 Rayon

Ahh完美謝謝！ @Rayon必須等待8分鐘，接受 –

Haa go figure ..繼承人追加加分，當表單提交隱藏字段時，它插入了正確的id，但是當我在bump.php中回顯id時， ID中最近的ID不是在隱藏字段中插入的ID ..非常奇怪..再次感謝！ –

用戶onclick`

function SubmitForm() { 
 
//event.preventDefault(); 
 
var name = $("#name").val(); 
 
console.log(name); 
 
$.post("message.html", { name: name}, 
 
function(data) { 
 
alert(data); 
 
}); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<form method="post" data-ajax="false"> 
 
<input name="name" type="hidden" id="name" type="text" value="<?php echo $id; ?>" /> 
 
<input type="image" style="height:35px;top:4px;" id="bump" src="http://switchon.global2.vic.edu.au/files/2015/07/4x5-1jroh2i.png" id="searchForm" onclick="SubmitForm(); return false;" value="Send" /> 
 
</form>

返回false

來源

2016-10-02 04:24:51

AJAX形式要求仍然重新加載頁面

回答

相關問題