Question

我想在用户单击链接时运行php代码，并在不重新加载页面的情况下更改临时的脚本返回值，而不会重新加载页面并将用户重定向到另一个页面

例如，如果用户点击按钮：

点击我！

代码php运行，例如script.php

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function doSomething() {
    $.get("script.php");
    return false;
}
</script>

<a href="#" onclick="doSomething();">Click Me!</a>

例如，如果脚本（$result）的输出为：30

然后30将取代按钮：“Click Me！”没有重新加载页面

所以在脚本执行结束后我暂时而不是“点击我！”数字30，如果可能的话还可以添加动画gif或类似的东西，以便：在执行脚本期间等待等待闪烁感谢

Answer 1

试试这个，用两种方法创建一个类uW（用户等待）uWC（用户等待取消）。这个类也可以在将来重复使用

var Util = {
uW:function(id) {
            $("#"+id).html("<img src='path to animation GIF' />");        
},
uWC:function(id,data) {
        $("#"+id).html(data) ;        
}
}

现在你的功能看起来像这样

function doSomething() {
Util.uW('clickme'); // clickme is ID of your anchor tag
$.ajax({
 url: "script.php",
 context: document.body,
  success: function(data ){
    Util.uWC('clickme',data );
  }
});

Answer 2

这可能就是你要找的东西。我猜你要替换Click Me！返回值（30）。如果没有，您可以在函数内部使用数据来替换您想要的任何内容

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function doSomething() {
$el=$(this);
$.get("script.php",function(data){$el.html(data)});
return false;
}
</script>

<a href="#" onclick="doSomething(this);">Click Me!</a>

Answer 3

<a href="#" id="clickme">Click Me!</a>

和javascript代码：

$(function(){
    $('#clickme').click(function(){
        $(this).load('script.php');
        return false;
    });
});

Answer 4

你几乎在你的问题中得到答案。使用ajax。 http://www.w3schools.com/ajax/default.asp你也在使用jquery。 Jquery在ajax上有很好的文档

更改链接运行PHP代码的值

4 个答案: