如何将href与javascript链接

How to link a href with javascript

本文关键字：javascript 链接 href      更新时间：2023-09-26

我希望有一个ID与我的输出中的点击结果链接，但我希望java脚本获得链接，以避免调用另一个页面。我以前的编码方式是这样的，我已经剪切了其他信息。

$id=$row["IndexNo"];
echo '
    <tr>
    <td>'. $row["IndexNo"] . '</td>
    <td>'. $row["SurName"] . '</td>
    <td>'. $row["FirstName"] .'</td>
    <td><a href="update.php?IndexNo='. $id . '">view</a></td>
    </tr>';

通过这种方式，页面update.php将加载一个URL:/update.php？IndexNo=1。我想通过引入像这样的java脚本来避免这种页面加载

$(document).ready(function(){
    $("#update").click(function(){
        $("#content").load("update.php");
    });
});

问题是，我似乎不知道如何在点击href时将两者链接起来，但同时调用ID，只为所选IndexNo调用不同的结果。

我想你想要这样的：-

<td><a class= 'update' href="update.php?IndexNo='. $id . '">view</a></td>

那么，当点击更新链接时，reqeust会转到update.php？IndexNo＝｛$id｝，内容将加载到页面的#content元素中，并且页面不会刷新

$(document).ready(function(){
     $(document).on('click', '.update',function(){
            $("#content").load($(this).attr('href'));
            return false;  // __prevent from default action            
     });
});

感谢

据我所知，您不希望在单击锚点标记时重定向页面。是吗？然后，请将您的代码替换为以下任意一个：

$(document).ready(function(){
    $("#update").click(function(){
        $("#content").load("update.php");
        return false;
    });
});

或

$(document).ready(function(){
    $("#update").click(function(e){
        e.preventDefault();
        $("#content").load("update.php");
    });
});

感谢

如果您想在不刷新当前页面的情况下更新当前数据，则需要使用ajax。使用ajax，您可以在不刷新的情况下将数据（id）发送到另一个页面。

$id=$row["IndexNo"];
echo '
    <tr>
    <td>'. $row["IndexNo"] . '</td>
    <td>'. $row["SurName"] . '</td>
    <td>'. $row["FirstName"] .'</td>
    <td><button onclick="hai('<?php print $id; ?>')">view</button></td>
    </tr>';
//ajax code
function hai(id)
{ 
    $.ajax({ 
    url: "update.php", 
    type: 'POST', 
    data: { 
    "id":id 
    }, 
    success: function (data) 
    { 
    alert(data); 
        // display result 
    } 
    }) 
} 
//on updat.php page 
$indexNo=$_POST['id'];
相关文章：