Question

我正在使用jQuery的React项目中工作，我需要将jQuery库导入其中。

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

类似的东西：

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

Answer 1

$.getScript做你想做的事。

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

Answer 2

你见过RequireJS吗？这是一个非常好的图书馆，可以满足您的需求 http://requirejs.org/

Answer 3

如果一切都失败了，那就试试吧。使用JQuery，使用回调函数名执行jsonp ajax。 E.g。

$.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函数。

希望这有帮助。

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

3 个答案: