Question

我想基本上创建一个链接：

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

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

我相信你们中的一些人之前已经看过这件事，例如：

点击查看人员电话号码

他们点击它，然后更改为他们的电话号码。

我该怎么做呢？我想使用ajax而不是在源代码中使用电话号码，因为这实际上违背了他们必须点击以显示机器人是否可以从源代码获取它的目的。

谢谢：）

Answer 1

一些符合

的行

$("#reveal").click(function(){

$.get('getphoneNumber.php',{id:$(this).attr('alt')}, function(data) {

    $('#reveal').html(data);

   });
});

使用名为getphoneNumber.php的php脚本接受id为

的get参数

Answer 2

<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();
     });
});

Answer 3

试试这个

$('#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属性。如果你有其他理由这样做，请忽略我。

Answer 4

$("#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);




            }

        });

}

jQuery / Ajax - 点击此处显示

4 个答案: