我有一个变量$count = 10;
,每当用户点击<a id="load-more" href="#">Load more</a>
时,我想增加10
我尝试使用onclick,变量方程和函数进行设置,但我似乎无法增加它。
最终,我希望每次用户单击时$count = 10;
都增加到$count = 20;
等等。
任何帮助,不胜感激。
如果我正确理解您的问题,您正在寻找一种使用 AJAX 的解决方案。像这样:
在客户端上:
$('#load-more').click(function () {
$.ajax({
type: 'POST',
url: "http://example.com/stuff.php",
async: true,
success: function(data) {
// Success! Do something with `data` here:
},
error: function (jqXHR, textStatus, errorThrown) {
// Error! You should probably display an error message here:
}
})
})
在服务器上(东西.php):
<?php
$value = retrieveValue(); // Replace this with whatever means you are using to get the persisted value.
$value += 10; // Increment the value by 10 each time.
saveValue($value); // Replace this with whatever means you are using to save the persisted value.
?>
请记住,为了保持每个请求的值递增,您必须通过某种方式(数据库、会话、文件等)在 PHP 中保留该值。
您还需要在 HTML 文件中加载 JQuery 库才能使用上述 JavaScript 代码。
客户端)无法更改PHP变量的值(服务器端)。您可以定义一个 JavaScript 变量并使用 PHP 对其进行初始化。但在那之后,你只能使用你的JavaScript变量。
<script>
var jsVar = <?php echo $phpVar; ?>;
jsVar++;
</script>
这就是方式。有关更多信息,上面的代码正在将 PHP 变量值发送到 JavaScript(反之则是不可能的)。
- 您还可以使用 AJAX 命令将 JavaScript 变量的值发送到 PHP 脚本。
如果你想使用AJAX命令,你可以通过纯JavaScript或使用jQuery或其他库来实现。 jQuery使用更容易,但你需要加载库。我更喜欢纯JavaScript AJAX。下面是一个示例:
<script>
var xhr = new XMLHttpRequest();
xhr.open('POST', 'php_script.php');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
// do something
}
};
xhr.send('value=' + jsVar);
</script>
您可以将值用作php_script.php文件中$_POST['value']
。
来了。
<input type="number" value="10" id="data">
<a id="load-more" href="#" onClick="increment()">Load more</a>
<script>
function increment(){
var count = parseInt(document.getElementById("data").value);
count = count+=10;
document.getElementById("data").value = count
$.post('backend.php?count='+$("#data").val(),function(val){//alert});
}
</script>