Question

我正在尝试重写此链接，因此它不是链接到灯箱，而是进行ajax调用并更新<div class = "add-rule>的内容。这是链接

<div class="add-rule>"<a href = "/saffron_main/add_rule?type=tid&mid=0&cid=1&m-name=valid"  class="lightwindow" params="lightwindow_type=external,lightwindow_height=100,lightwindow_width=300">Add a rule</a></div>

我是Javascript和Ajax的新手，所以任何帮助都会非常感激。

Answer 1

代码应该看起来像这样（无法检查出来，但我并不遥远）有关详细信息，请查看jquery's ajax api 你可能对load function感兴趣。

这是我的代码，让我知道它是否合适

<div class="add-rule">
    <span id="addRuleError"></span>
    <a href="javascript:void(0)" onclick="loadContent()" class="lightwindow"
                         params="lightwindow_type=external,lightwindow_height=100,lightwindow_width=300">Add a rule</a>
</div>

        <script type="text/javascript">
            function loadContent()
            {
                $("#addRuleError").text("");
                $.ajax({
                    url:"saffron_main/add_rule",
                    data:{type:"tid", mid:0, cid:1, "m-name": "valid"},
                    success:function(result){$(this).parent().html(result)},
                    error:function(result){$("#addRuleError").html(result.responseText)}
                })
            }

        </script>

将灯箱更改为Ajax调用

1 个答案: