2017-08-01 9 views
3

Hy私はJqueryで新しいです。私はhttpにデータを送信したいが、使用クラスでデータを送信するにはわからない。 この私のhtmlhttpを取得する方法JQueryを取得する

<div class="action-lock"> 
    <div class="toggle-pane"> 
    <div class='unique' id='switch'> 
     <div class='toggle-text-off'>Unlocked</div> 
     <div class='glow-comp'></div> 
     <div class='toggle-button'></div> 
     <div class='toggle-text-on'>Locked</div> 
    </div> 
    </div> 
</div> 

そして、これが私のjQueryのLockedUnlockedでHTTP GETを送信する方法

$('.unique').click(function(e) { 
    e.preventDefault(); 
    $(this).toggleClass('toggle-on'); 
}); 

。このようなURLの例(localhost/web.php?tN=lockedまたはlocalhost/web.php?tN=unlocked)このような場合、http getを送信する方法を教えてください。おかげ

+0

私は、私は非常にあなたが求めているのか理解していないんです。これらの2つのDIVの内容を外部ページに** POST **する方法を尋ねていますか?そのためには、AJAXまたはXMLHttpRequestを使用します。 –

+0

どこにデータを送信しますか?あなたの質問は理にかなっていません。 – Difster

+0

send HTTPの意味は何ですか? – webpic

答えて

2

のような$.get()を使用しようと、

$('.unique').click(function (e) { 
    e.preventDefault(); 
    $(this).toggleClass('toggle-on'); 
    // pass unlocked if it has class toggle-on, otherwise pass locked 
    var data = {tN:($(this).hasClass('toggle-on')?'unlocked':'locked')}; 
    $.get('http://localhost/web.php',data,function(response){ 
     console.log(response); 
    }); 
}); 
+0

あなたの前のコードは、重大な作用をします。 2つの条件をロックしてロックを解除し、 'toggleClass'のクラスを常に 'トグルオン'にする必要はありません。私はtoggleClassからいくつかの状態を最後の位置にします。しかし、あなたのコードはcorectlyに感謝します – Nugka

関連する問題