Question

我想在div（数据）中加载页面

<a class="btn btn-success" href="javascript:linkeShowAjax('/actions/company.php?id=14&amp;actions=view')" id="show"></a>



        $(document).ready(function () {
            function linkeShowAjax(link)
            {
                $("#pageview").html("Loading...");
                $.ajax({
                    url: link,
                    success: function(result){
                        $("#data").html(result);
                    }
                });
            }}

我使用jquery v1.11.2并且它与我合作

Answer 1

linkeShowAjax仅在.ready回调方法的范围内定义。将此功能移到此外：

    $(document).ready(function () {
         //whatever you want to do here
    });

    function linkeShowAjax(link)
    {
        $("#pageview").html("Loading...");
        $.ajax({
            url: link,
            success: function(result){
                 $("#data").html(result);
            }
        });
    }

Answer 2

@KJ价格是正确的。我想补充一点，您还可以使用较少侵入性的机制来使用data-属性来处理锚定点击

HTML

<a class="btn btn-success" data-url="/actions/company.php?id=14&amp;actions=view" 
  href="#" id="show"></a>

<强> JS

$(document).ready(function () {
    $('#show').click(function(e){
        e.preventDefault();
        linkeShowAjax($(this).data('url'));
    });
}

function linkeShowAjax(link)
{
    $("#pageview").html("Loading...");
    $.ajax({
        url: link,
        success: function(result){
            $("#data").html(result);
        }
    });
}

我收到错误（没有定义linkeShowAjax）

2 个答案: