Question

我正在尝试使用ajax脚本来刷新div的内容。问题是我第一次点击我称之为功能的href，没有响应。第一次点击后，它可以正常工作。

这是脚本：

<script type="text/javascript">
    function ajax_demo(x) {
        $.ajax({
            type: "GET",
            url: "demo.php?code=" + x,
            datatype: "html",
            success: function(data){
                $('#cart_update').html(data);
            }
        });
    }
    </script>

这是href标签：

<a href="javascript::" onClick="ajax_demo('<?=$obj->code?>');">Demo</a>

感谢您的帮助。

Answer 1

本身并不是说您的代码错了，但我会将其更改为：

<a href="#" class="myLinkClass" data-value="<?=$obj->code?>">Demo</a>

和脚本：

$( document ).ready(function() {
    $('body').on('click', '.myLinkClass', function() {
        var clickedEle = $(this);
        $.ajax({
            type: "GET",
            url: "demo.php?code=" + clickedEle.attr('data-value'),
            datatype: "html",
            success: function(data) {
                $('#cart_update').html(data);
            }
        });
    });
});

这是为了确保在绑定调用之前初始化脚本，并且更容易维护将数据传递给点击可以通过几种方式完成 - 我只选择了一个“data-”属性。

Answer 2

$( document ).ready(function() {
$('.myLinkClass').on('click',function() {
    var clickedEle = $(this);
    $.ajax({
        type: "GET",
        url: "demo.php?code=" + clickedEle.attr('data-value'),
        datatype: "html",
        success: function(data) {
            $('#cart_update').html(data);
        }
    });
});

}）;

您需要使用.on方法才能使其首次点击。

Ajax首先点击

2 个答案: