javascript - 带有附加外部页面的 jQuery ajax 加载页面

Question

我有一个 jQuery 函数，可以在单击元素时将页面加载到 div 中。像这样:

$("#viewID").change(function(){     

            $.ajax({
                type: "POST",
                url:"advOptions_lv.cfm",
                data: {viewID: $(this).val()},
                success: function(data){
                    $("#dataView").html(data);

                }
            });


    });

我正在加载的页面需要一些 JS 代码，这些代码位于另一个名为 advOptions.js 的外部文件中。我试过在原始页面中加载外部 js 页面，但 jQuery 调用不起作用。所以我将它添加到 advOptions_lv.cfm 页面。当我这样做时，每次单击 viewID 元素并加载页面时，我都会在 firebug 中看到对它的调用。

我的问题是，在 advOptions.js 文件中有一个基本的 ajax 表单提交功能，例如 $.post('saveView.cfm', $("#newDataViewForm").序列化()，功能(数据){});。这被解雇了多次。这完全取决于加载外部页面的次数。

我的问题是，这是让外部 js 页面与使用 jQuery ajax 调用加载的页面一起工作的最佳方式吗？如果不是，我应该怎么做？

在这方面的任何帮助都会很棒。

谢谢

Answer 1

这将首先加载您的 js $.getScript然后加载 html。

$("#viewID").change(function(){     
    $.getScript('advOptions.js', function(){
        $.ajax({
            type: "POST",
            url:"advOptions_lv.cfm",
            data: {viewID: $(this).val()},
            success: function(data){
                $("#dataView").html(data);
            }
        });
    });
});