jQuery ajax加载页面，附带外部页面

jQuery ajax load page with external page attached

本文关键字：外部 ajax jQuery 加载      更新时间：2023-09-26

我有一个jQuery函数，当单击元素时，它会将页面加载到div中。像这样：

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

    });

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

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

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

这方面的任何帮助都将是伟大的。

感谢

这将首先用$.getScript加载js，然后加载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);
            }
        });
    });
});
相关文章：