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

您正在将页面发布到服务器。所以，Page会有变化..

您需要使用来自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.');
    }

});

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

2 个答案: