ページを更新せずにjavascriptまたはjqueryを使用してリンクを送信してください

Question

セッションを保存するAPIを呼び出すリンクがあります。私のAPIがhttp://www.example.net上に存在すると仮定し、私のリンクは以下の通りです：

<a href="http://www.example.net" >Click here </a> 

今、私はページを更新する必要はありません。単にJQueryやJavascriptを使ってリンクを実行し、 "Action Succesfull"のような警告を出してください。私はAJAXの使用のポイントが私の側からのデータベースアクションを必要としないので、私は見ません。ありがとう

Answer 1

AJAXのポイントは、そのページをリロードすることなく、サーバとcomunicateために、データベース・アクションを行うことではありません。私はあなたの説明がAJAXの使用を条件としていると思います。なぜなら、あなたはサーバーからの回答を期待し、ページをリロードしたくないからです。

iframeまたは新しいウィンドウを開くこともできますが、ここではajaxが解決策になる場合があります。

アンカーをクリックしたときにそのイベントをキャンセルする必要があることに注意してください。あなたは時にAJAX呼び出しを使用してみてくださいAJAX

<a href="http://www.example.net" onclick="event.preventDefault();">Click here </a> 

Answer 2

あなたはajax呼び出しが必要です。このような何か：

$.ajax({ 
    cache: false, 
    type: "Post", 
    url: "http://www.example.net", 
    success: function() { 
     alert("Success"); 
    }, 
    error: function (xhr, ajaxOptions, thrownError) { 
     alert("Error"); 
    }, 
    finaly: function() { 
     alert("Finish"); 
    } 
}); 

Answer 3

あなたは単にのonclickイベントを使用することができます：あなたがそうのようなものができたアヤックスとそう

、ボタン送信またはリンクをクリックします。

$("a").click(function(e){ 
    $.ajax({ 
     url: "http://www.example.net", 
     type: "POST", 
     error: function(jqXHR, textStatus, errorThrown) 
     { 
      alert(errorThrown); 
     }, 
     success: function(data,textstatus,jqXHR) 
     { 
      alert("Success"); 
     } 

    }); 
    e.preventDefault(); 
}); 

Answer 4

を使用したくない場合は

$('a').on('click', function(e) { 
    e.preventDefault; 
    var href = this.getAttribute('href'); 
    $.ajax({ 
    url: href, 
    success: function(text) { 
     alert(text); 
    } 
    }); 
}); 

Answer 5

あなたはこのような何かを実行する必要があります：ここではコードです

$('a').click(function(e) { 
    e.preventDefault(); 
    var url = "your link"; 
    $.ajax({ 
     url: url, 
     success: function(data) 
     { 
      alert(data); // show response. 
     } 
    }); 
    return false; 

}）;