Javascript 点击并进入jquery

我有一个这样的按钮

<a onclick="japa('myid');">Click Here</a>

<script type="text/javascript">
function japa(r) {
$("#Tamfan").html("");
    $.ajax({
        url     : 'file.php?id=',
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}
</script>

点击这里

还有像这样的javascript

<a onclick="japa('myid');">Click Here</a>

<script type="text/javascript">
function japa(r) {
$("#Tamfan").html("");
    $.ajax({
        url     : 'file.php?id=',
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}
</script>

函数japa（r）{
$（“#Tamfan”）.html（“”）；
$.ajax({
url:'file.php？id='，
键入：“GET”，
数据类型：“html”，
成功：功能（pesan）{
$（#Tamfan”）.html（比桑）；
},
});
}

---

如何将onclick代码（myid）添加到

之后的代码中？id=

？

如果需要动态传递id，可以传递对象本身并获取id

function japa(obj) {
$("#Tamfan").html("");
    $.ajax({
        url     : 'file.php?id='+obj.id,
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}

在功能上,

<a onclick="japa(this);">Click Here</a>

您是否尝试过：

<script type="text/javascript">
function japa(r) {
$("#Tamfan").html("");
    $.ajax({
        url     : 'file.php?id=' + r,
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}
</script>

函数japa（r）{
$（“#Tamfan”）.html（“”）；
$.ajax({
url:'file.php？id='+r，
键入：“GET”，
数据类型：“html”，
成功：功能（pesan）{
$（#Tamfan”）.html（比桑）；
},
});
}

这样做时：

url     : 'file.php?id=' + r,

但是您可以使用

jQuery.ajax（）

方法的

data:{}

选项将附加数据传递回服务器：

<script type="text/javascript">
function japa(r) {
$("#Tamfan").html("");
    $.ajax({
        url     : 'file.php',
        type    : 'GET',
        data    : { id : r }, //<-----use it here
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        } // <---------remove the comma ',' from here.
    });
}
</script>

函数japa（r）{
$（“#Tamfan”）.html（“”）；
$.ajax({
url:'file.php'，
键入：“GET”，
数据：{id:r}，//您正在扰乱上下文属性：

<script type="text/javascript">
function japa(r) {
$("#Tamfan").html("");
    $.ajax({
        context : this,
        url     : 'file.php?id='+r,
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}
</script>


函数japa（r）{
$（“#Tamfan”）.html（“”）；
$.ajax({
背景:这,，
url:'file.php？id='+r，
键入：“GET”，
数据类型：“html”，
成功：功能（pesan）{
$（#Tamfan”）.html（比桑）；
},
});
}
1前面的所有答案都说您需要使用

url     : 'file.php?id=' + r,

但是，当您使用click on anchor（如果此anchor设置了href属性）时，您需要防止重定向页面。因此，您可以使用

<script type="text/javascript">
function japa(e, id) {
    e.preventDefault();
    $.ajax({
        url     : 'file.php?id=' + id,
        type    : 'GET',
        dataType: 'html',
        success : function(pesan){
                $("#Tamfan").html(pesan);
        },
    });
}
</script>


函数japa（e，id）{
e、 预防默认值（）；
$.ajax({
url:'file.php？id='+id，
键入：“GET”，
数据类型：“html”，
成功：功能（pesan）{
$（#Tamfan”）.html（比桑）；
},
});
}

和html格式

<a href="#" id="Im_ID" onclick="japa(event , this.id);">Click Here</a>



和在php文件中

<?php
   if(isset($_GET['id'])){
      echo ('<div>'.$_GET['id'].'</div>');
   }
?>



r的值是什么？
单击括号（）中的此处
，尽管目标元素是锚定元素，但在提供
href=“”
属性之前，它不会在任何地方导航，这似乎是缺少的，不是吗？@Jai完全正确。我更新了我的答案：）以说明它是否将href attr设置为锚定。谢谢：）