通过ajax调用php mySQL更新

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

您的超文本标记语言代码中有一个打字错误。您的属性应该是onhtml而不是onclik。

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

Answer 2

我觉得你的问题有点不对劲

试试这个

   $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