[英]SQL query without refresh
我已經閱讀了所有相關的發布內容,觀看過的視頻以及閱讀了教程……但是我仍然無法弄清楚。 我只想運行mysqli_query插入而無需刷新。
沒有輸入,沒有變量,只是沒有刷新的預定義sql插入。
這是主要文檔:
<html>
<head>
<script src="inc/scripts/jquery-1.11.3.min.js"></script>
<script>
$("#click").click( function()
{
$.ajax({
url: "click.php",
type: 'POST',
success: function(result) {
//finished
}
});
});
</script>
</head>
<body>
<input type="button" id="click" value="Click">
</body>
</html>
Click.php(已獨立測試):
<?php
$db = mysqli_connect("localhost","root","","mytable")
or die("Error " . mysqli_error($db));
mysqli_query($db,"INSERT INTO items VALUES
('','test','test','total test','test','test','test','test')");
?>
這讓我發瘋了……我已經閱讀了教程,並觀看了許多有關Ajax的視頻……但是我無法弄清楚。 感謝您的任何建議。
要刷新頁面的一部分,您必須將成功函數綁定到html中的div,因此添加具有ID的div
<div id="myDiv"></div>
接着
$('#like$id').click(function()
{
$.ajax({
url: 'inc/scripts/liker_ajax.php?like=$id',
type: 'GET',
success:function(result){
$('#like$id').addClass('green');
$('#dislike$id').removeClass('red');
$('#myDiv').html(result);
}
});
});
您正在綁定事件$('#click').click()
然后綁定一個元素(因為尚未加載$('#click')
)。
只需將帶有單擊綁定事件的<script>
標記移動到輸入按鈕下方的<body>
,它將按預期工作。
您可能還希望將jQuery文檔包裝好,例如:
$(function() {
});
確保它在DOM准備就緒時運行。
嘗試這個。
<html>
<head>
<script src="inc/scripts/jquery-1.11.3.min.js"></script>
<script>
function runAjax()
{
$.ajax({
url: "click.php",
type: 'POST',
success: function(result) {
//finished
}
});
</script>
</head>
<body>
<input type="button" id="click" onclick="runAjax()" value="Click">
</body>
</html>
當元素還不存在時,將事件綁定到元素。 您在這里有2個選項。
$(document).ready(function() { // your code here });
下的腳本塊內$(document).ready(function() { // your code here });
如果存在任何錯誤,也可以使用開發人員工具下的控制台選項卡查找根本原因。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.