更改运行php代码的链接的值

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

你的问题几乎已经有了答案。使用阿贾克斯。 http://www.w3schools.com/ajax/default.asp 您也在使用jquery。 Jquery 有关于 ajax 的优秀文档