以编程方式加载Javascript文件,并在完成后加载代码

Programatically loads Javascript file and load code when it's finished

本文关键字:加载 代码 编程 方式 Javascript 文件      更新时间:2023-09-26

我在一个使用jQuery的React项目中工作,我需要导入一个jQuery库。

基本上,我现在需要的是一种在我的项目中动态加载javascript的方法,当它完成加载时,我需要运行javascript代码。

像这样:

$(function(){
 loadJavascript('myscript.js',function(){
  //run this code when myscript has finished loading
  });
});

$.getScript做你想做的。

$(function() {
    $.getScript('myscript.js', function() {
        // run when myscript has finished loading
    });
});

你见过RequireJS吗?这是一个很好的库,可以满足你的需要http://requirejs.org/

如果这些都失败了,那么试试这个。使用JQuery,使用回调函数名执行jsonp ajax。例如

$.ajax({
    url: "http://localhost/ny-app/getJSfunction",
    jsonp: "myfunctionName",
    dataType: "jsonp",
    data: {
        q: "select title,abstract,url from search.news where query='"cat'"",
        format: "json"
    },
    success: function( response ) {
        console.log( response ); // server response
    }
});

在服务器端处理此调用,并返回一个封装了返回一些数据的javascript代码的函数。返回的javascript如下所示:

function myfunctioname(){
     // some code
     return 'whatever you want' ;
}

JQuery ajax将自动执行返回的javascript函数