2017-08-01 37 views
3

Hy我是Jquery的新成員。我想發送數據到http,但我不知道何時使用類發送數據。 這是我的html如何讓http獲取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

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

如何發送HTTP GET在LockedUnlocked。一些示例URL如下localhost/web.php?tN=lockedlocalhost/web.php?tN=unlocked。請幫助我知道如果發送http get如果條件是這樣的。由於

+0

我恐怕不太你問明白。你問**如何**將這兩個DIV的內容POST到外部頁面?爲此,您可以使用AJAX或XMLHttpRequest。 –

+0

發送數據到哪裏?你的問題沒有意義。 – Difster

+0

發送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制定了一些條件最後的位置。但是你的代碼工作非常感謝 – Nugka