将点击/点击坐标发送到服务器

Question

我有一个960x640左右的Div。 我必须将点击/点击坐标发送到服务器。 显然我需要它而不重新加载页面。我认为代码需要优化。

<div id="area2" style="width:960px; height:640; background-color:#ffaaaa"></div>

JAVASCRIPT

// click event 
    $('#area2').click(function(e) { 
        // Take the coordinates
        var posX = e.offsetX; 
        var posY = e.offsetY; 
        // Ajax calls
        $.ajax({ 
            url:'file.php', 
            data:{posX:posX, posY:posY}, 
            type:'POST', 
            success: function(result) { 
                // Data sent
                alert("Data sent"); 
            }, 
            error: function(jqXHR, textStatus, errorThrown) { 
                alert("ohi! "+textStatus+" - " +errorThrown); 
            } 
        }); 
    }); 

PHP

$db_conn=mysql_connect($db_host,$db_user,$db_pass) or die ("Error connection!");
    $beta=mysql_select_db($db_name) or die ("Error database selection!");

$posX=intval($_POST["posX"]);
$posY=intval($_POST["posX"]);
    $UpdatePlayer = mysql_query("UPDATE players SET x=$posX, y=$posY  WHERE fb_user=$user") or die ("Error update players");