JQueryを使用してURLを呼び出し、成功/エラーフラグを返す

Question

私は、Webベースのゲームをコーディングしています。このゲームでは、プレーヤーが7x7グリッド上を移動します。 現在、移動ボタンは../action/move/up形式のPHP URLを呼び出してデータベースを更新し、新しいプレイヤーの位置を反映するようにゲームページをリロードします。

プレーヤーをクリックして移動させ、JQueryトゥイーンを使用してページを更新せずにプレーヤートークンを移動させたいと考えています。私が確信しているのは、サーバーを更新してから移動ボタンをロックしたいということです。 JSは、ページ上のいくつかの変数の新しい値を返すURLまたは2つを呼び出し、移動が成功したかどうかを確認するフラグを呼び出します。そうだった場合は、移動ボタンがロック解除され、プレーヤーが再び移動できるようになります。

擬似コード私が想像しています：

On Click (Move Up) 
{ 
if(ReadyToMove) 
    { 
    Tween(ship, old position, new position) 
    ReadyToMove = 0 
    Call MoveDone 
    } 
} 

MoveDone 
{ 
ReadyToMove = Url('../movecheck/movement/' . current position .) 
/* this url would return either 1 or 0 depending on if db xy matches given xy */  

if(!ReadyToMove) 
{ current position = old position; display error(movefail) } 

} 

私はこれを行う実際はどうすればよいですか？

Answer 1

は$.ajax()を見てください：

$.ajax({ 
    method: 'POST', 
    url: ':./movecheck/movement/' 
    data: /* an object containing data key/value pairs */, 
    dataType: 'json', 
    success: function(resp) { 
     /* do stuff after the response from the server has been received */ 
    } 
}); 

...があなたのデータを含む連想配列またはstdClassのオブジェクトであることと、適切respオブジェクト、単にecho json_encode(...);を取得するには、例えばarray('canMove' => true)