Javascript 将lightbox更改为Ajax调用

我正试图重写这个链接，所以它不是链接到一个灯箱，而是发出一个ajax调用并更新的内容。代码看起来应该是这样的。我无法检查这个，但我就在不远处 有关更多信息，请查看 你可能会对这本书感兴趣

这是我的代码，请告诉我是否合适

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

---

您是否使用任何框架？你已经在JS或Ajax中做了什么吗？你有语法错误-

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