php - 通过ajax调用php mySQL update

Question

我认为这是一个简单的问题。我是 jQuery 的新手。我正在尝试制作脚本，这样当您单击图像时，ajax 将调用 php 文件，该文件将更新 mySQL 数据库。

我的脚本：

<script>
function update(){      
        var request = $.ajax({
        url: "insert.php",
        type: "GET",            
        dataType: "html"
    });

    request.done(function(msg) {
        $("div.recen").html(msg);          
    });

    request.fail(function(jqXHR, textStatus) {
        alert( "Request failed: " + textStatus );
    });
}; 
</script>

HTML：

<div class="recen">
            <img src="./smile.png" class="pic" onclik="update()" /> 
</div>

PHP 文件：

<?php
$var='123';

$url='localhost';
$user='root';
$password='';

$sql=mysql_connect($url,$user,$password);
mysql_select_db('database');

$query="UPDATE table SET var='".$var."';";
if(mysql_query($query)) echo '<b>Done.</b>';
else echo mysql_error();
?>

由于某种原因，绝对没有回应。数据库保持不变，html 页面没有任何变化。代码有问题，还是我无法通过 ajax 更新数据库？

Answer 1

我认为您的查询有问题

尝试这个

   $query="UPDATE table SET var='".$var."' ";
                                          ^^----remove this `;`

改变这个

 if(mysql_query($query)) echo '<b>Done.</b>';
 else echo mysql_error();

至

 if(mysql_query($query)){ echo '<b>Done.</b>';}
 else {echo mysql_error();}

javascript中没有onclik，而是使用onClick

Answer 2

您的 HTML 代码中有错字。onclick你的属性不应该是onclik。

<img src="./smile.png" class="pic" onclick="update()" />