JavaScript作為一種腳本語言，可以在Web頁面中被運行，它的主要用途是實現與用戶交互的動態效果。在Web開發過程中，有時需要將前端頁面中的一些數據傳遞給后端的php腳本來進行處理，這就需要使用JavaScript獲取值，并將其傳給php，本文將介紹如何通過JS獲取值并傳遞給php。

在JavaScript中，可以通過多種方式得到值，如通過表單輸入框獲取值、通過數據操作獲取值等。下面以表單輸入框為例，介紹如何通過JS獲取值并傳遞給php。

<form>
<input type="text" id="username" name="username"><br/>
<input type="password" id="password" name="password"><br/>
<input type="submit" value="提交">
</form>
<script>
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
//將獲取到的值傳給php
var xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","demo.php?username="+username+"&password="+password,true);
xmlhttp.send();
</script>

代碼中使用了XMLHttpRequest對象，它可以異步地從服務器獲取數據，實現頁面的異步更新。在這里，我們使用GET方法將獲取到的值以URL的形式傳遞給php腳本。

除了通過GET方法傳遞值，還可以通過POST方法傳遞值，POST方法與GET方法不同之處在于，POST方法的數據不會出現在URL中。

<form>
<input type="text" id="username" name="username"><br/>
<input type="password" id="password" name="password"><br/>
<input type="submit" onclick="myFunction()" value="提交">
</form>
<script>
function myFunction() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
//將獲取到的值傳給php
var xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST","demo.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("username="+username+"&password="+password);
}
</script>

代碼中我們使用了XMLHttpRequest對象，通過POST方法將獲取到的值傳遞給php腳本。在這里需要設置請求頭部Content-type為application/x-www-form-urlencoded。

當然，在實際開發中，我們需要考慮數據的安全性，以及防止惡意請求。因此，我們需要進行一些安全性驗證操作，如調用escape()函數對數據進行編碼處理，防止用戶輸入惡意字符，以及對數據進行驗證，如檢查手機號、郵箱等格式是否正確。

以上就是如何通過JS獲取值并傳遞給php腳本的方法，需要注意的是，JS獲取的值需要進行安全驗證處理，保證數據的正確性和安全性。