jQuery/Ajax-单击以显示


jQuery/Ajax - Click to reveal

我想基本上创建一个链接,上面写着:

<a href="#" id="reveal" alt="928">Click here to show contact information</a>

单击它后,它将通过ajax请求ping脚本,ajax请求将查找用户表,其中的ID是alt标签中包含的内容,它将从数据库中返回某个字段,然后div将从该链接更改为联系人号码。

我相信你们中的一些人以前见过这样做,例如:

点击查看人员电话号码

他们点击它,它就会变成他们的电话号码。

我该怎么做?我想使用ajax来实现这一点,而不是在源代码中包含电话号码,因为这确实违背了他们必须点击才能显示机器人是否可以从源代码中获取电话号码的目的。

感谢:(

沿线的某种设计

$("#reveal").click(function(){
$.get('getphoneNumber.php',{id:$(this).attr('alt')}, function(data) {
    $('#reveal').html(data);
   });
});

使用名为getphoneNumber.php的php脚本,该脚本接受id 的get参数

试试这个

$('#reveal').click(function () {
    var th = $(this);
    $.get('/get-the-phone-number', { id: th.attr('alt') }, function (response) {
        th.text(response);
    });
});

此外,我建议您将id编号放在data-contact-id属性中,并通过th.data('contact-id')访问它,而不是使用alt属性。如果你有其他理由这样做,请忽略我。

$("#reveal").live('click',function(event) {
var link = $(this).attr('alt');
var dataString = 'alt=' + link ;
    $.ajax({
            type: "POST",
            url: "url",
            cache:false,
            data: dataString,
            success: function(data){
                this.href = this.href.replace(data);


            }
        });
}
<a href="#" id="reveal" alt="928">Click here to show contact information</a>
<div id="myHiddenDiv"></div>
$("#reveal").click(function(){
   $.get("test.php", { id: $(this).attr("alt") },
     function(data){
         $("#myHiddenDiv").html(data);
         $("#myHiddenDiv").show();
     });
});

这个例子假设你的网站上只有一个这样的"插件",如果你有多个,请使用这个:

<a href="#" class="reveal" alt="928">Click here to show contact information</a>
<div class="myHiddenDiv"></div>
$(".reveal").click(function(){
   var divSelector = $(this).next("div");
   $.get("test.php", { id: $(this).attr("alt") },
     function(data){
         divSelector.html(data);
         divSelector.show();
     });
});