変更画像SRC mysqlデータベース

Question

から更新せずに、私は今、ピクルスのビットを午前：

echo '<img src = "'.$sourceVariableFromDatabase.'" class = "profileImage" id = "profilePicture" />'; 

：私は、MySQLサーバからSRCを持っている私のウェブサイト上に表示された画像を、持っている、それはこのようになります

また、私のサイトでは、データベースを変更する関数であるため、$sourceVariableFromDatabaseという値があります。しかし、イメージはページがリフレッシュされるまで更新されませんが、リフレッシュせずにdatabseから新しいイメージsrcを表示したいと思います。

私は私の知る限りがでデータベースにアクセスすることはできません知っているように、これはjQueryを介して行うことができます知っているが、JavascriptがJavaScriptのような、サーバ側ではないとして、データベースから値を取得する方法についての不明な点だ、とmysql。

これをJavascript/jqueryでどのように実現できますか？

ありがとう、私は可能な限り明確にしようとしており、ワッフルについて謝罪しています。

Answer 1

JQueryを使用すると、データ（HTML、JSON、テキストなど）を返すURLを呼び出すことができます。そのURLがどのようにデータを返すかは、あなたが望むことができます（PHP + MySQLなど）。 JQueryが応答を受け取ると、imgタグを更新できます。

例HTML HTMLページ上の

<img id="profilePicture" src="(your source from db1)" /> 

例はJQuery

function update_image(db) 
{ 
    // get new image src 
    $.get('some/url/to/get/new/src', {db: db}, function(response){ 
    // update the img src 
    $('#profilePicture').attr('src', response); 
    }); 
} 

例ページ（/いくつか/ URL//取得するために/新しい/ SRC：ここ

は簡単な例であります）：

<?php 

// get request data 
$db = $_GET['db']; 

// get img src 
$src = some_function_to_get_src($db); 

// output src 
echo $src; 

Answer 2

/pathToCodeにあるファイルは、データベースにクエリを実行し、イメージへのパスをエコーする必要があります。データベースを変更する関数の最後にこのコードを追加するだけです。