使用Javascript代碼使用PHP保存文本文件

Question

這是一個簡單按鈕的代碼。

<input value="Download" type="button" onclick=" inccount();" /> 

這就是inccount(); 確實：

function inccount() {
 var a = parseInt(document.getElementById("num").value);
 document.getElementById("num").value = a + 1;
}

如您所見，此函數將在輸入字段num上的數字增加1。 我想將此數字保存在服務器上，但是如果我用<form>標記調用php腳本，則頁面會更改。

我想將count內容保存在服務器上而不離開當前頁面。 誰可以做？

我寫了這個簡單的PHP腳本來保存輸入字段的內容（即num ）：

<?php
$file = '/dat/count.txt';
$current = $_GET["num"];
file_put_contents($file, $current);
?>

Answer 1

要更新頁面而不離開頁面，您需要研究Ajax 。 從鏈接頁面：

在AJAX模型中，Web應用程序能夠對用戶界面進行快速的增量更新，而無需重新加載整個瀏覽器頁面。

Ajax調用可以是寫入文本文件的PHP腳本。

Answer 2

您正在將頁面發布到服務器。 因此，頁面將發生變化。

您需要使用從javascript到服務器的AJAX請求。

只需使用JQuery

$.ajax(
{
    url:'/?num=' + $('#num').val(),
    type: 'GET',
    success: function(response){
        alert('Success');
    },
    error: function(e1,e2,e3){
        alert('Error occured, Could not able to make request.');
    }

});