onclick and get in jquery

onclick and get in jquery

本文关键字：jquery in get and onclick      更新时间：2023-09-26

我有一个类似的按钮

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

和类似的javascript

<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>

如何将onclick（myid）的代码添加到?id=之后的代码中？

当这样做时：

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>

这个数据对象似乎是更可取的方式，因为这是组织数据字符串的更好方式。

如果需要动态传递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>

如果您将id作为字符串本身传递，则可以像一样使用

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

您尝试过吗：

<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>

您正在扰乱上下文属性：

<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>

1st，因为之前所有的答案都说你需要使用

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

但是，当您使用点击锚点时（如果此锚点设置了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>

和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>');
   }
?>

"简单演示"

相关文章：