Question

我希望将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调用一个不同的结果。< / p>

Answer 1

我想你想要这样： -

<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            

     });
});

谢谢

Answer 2

据我了解，您不想在点击锚标记时重定向页面。就是它？然后，请使用以下任何一个代码替换您的代码：

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

由于

Answer 3

如果你想更新当前数据而不刷新你需要使用ajax的当前页面。使用ajax你可以将数据（id）发送到另一个页面而不刷新。

Answer 4

$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'];

如何使用javascript链接href

4 个答案: