没有重新加载页面的Onclick

时间:2015-08-12 04:40:35

标签: javascript php html

我有2个这样的网址:

    <td><a href='infomation/gc_details_2.php?id=<?php echo $row['trans_id']?>'><input type='button' id="yes"  value='Yes'></a></td>
    <td><a href='infomation/del_notifi_2.php?id=<?php echo $row['trans_id']?>'><input type='button' value='No'></a></td>

当点击按钮Yes时,它会向gc_details_2.php请求并重新加载包含搜索结果的所有页面。现在我想要点击按钮Yes而无需重新加载页面。我应该怎么做?谢谢所有

5 个答案:

答案 0 :(得分:0)

使用AJAX

例如:

 $('#yes').click(function() {
    $.ajax({
      url: your_url,
      type: (GET or POST),
      data: {data: your_data},
      success: function(response) {
         alert('Success!');
       }
    });
  });

答案 1 :(得分:0)

你应该使用ajax。此外,在链接内部使用按钮并不是一个好习惯。您可以使用链接或按钮。我在这里删除了链接并使用了按钮。

<强> HTML:

<td><input type='button' id="yes" value='Yes' trans_id="<?php echo $row['trans_id']?>"></td>

<强> JQuery的:

$("#yes").click(function(){
    var trans_id=$(this).attr("trans_id");
    $.ajax({
        url:'infomation/gc_details_2.php',
        data:{
            "id":trans_id
        },
        type:"GET",
        success:function(data){
        }
    });
    return false;
});

答案 2 :(得分:0)

试试这个..

    <td><input type='button' id="yes"  class="<?php echo $row['trans_id']?>" value='Yes'></td>

    $("#yes").click(function(){
        var trans_id=$(this).attr("class");
        $.ajax({
           url:'infomation/gc_details_2.php',
            data:{"id":trans_id},      
            type:"GET",
            success:function(data){
alert("ssfasfas");
            }
        });
    });

答案 3 :(得分:0)

这是最简单的if (FBSession.activeSession.isOpen) { [[FBRequest requestForMe] startWithCompletionHandler: ^(FBRequestConnection *connection, NSDictionary<FBGraphUser> *user, NSError *error) { if (!error) { NSLog(@"%@",user); [self onSuccessDoUserRegistration:user]; } }]; } 始终有效

答案 4 :(得分:0)

设置锚标记的样式以获得所需的按钮效果,并转储按钮:

<强> HTML

<a href="infomation/gc_details_2.php?id=<?=$row['trans_id']?>" class="button ajax-fetch">Yes</a>

<强>使用Javascript:

jQuery(".ajax-fetch").click(function(e){
   e.preventDefault();
   jQuery.get(jQuery(this).attr("href"), function(data) {
      jQuery("#result").html(data);
   });
});

结果容器:

<div id="result"></div>

这将捕获您使用“ajax-fetch”类单击的任何对象并按照href,然后将其加载到结果div中。使用一些CSS来设置按钮类的样式。