如何动态注入一个jQuery代码到HTML页面

Question

我想添加一个JavaScript代码，我从服务器到我的视图。

这是可能的。

我这样做

jQuery(".city").change(function(){ 

     var address = jQuery('#business-address').val(); 
     var city = jQuery('.city').val(); 
     var state = jQuery('.state').val(); 
     var country = jQuery('.country').val(); 

     var address_string = address+","+city+","+state+","+country; 

     jQuery.ajax({ 
       type: "post", 
       url: baseurl+"home/auth/create_google_map_from_address", 
       data:{address:address_string}, 
       success: function(data,status){ 

        var data_array = JSON.parse(data);     

        var latitude = data_array['map']['markers']['marker_0'].latitude; 
        var longitude = data_array['map']['markers']['marker_0'].longitude; 
        var map_js = data_array['map'].js; 
        var map_html = data_array['map'].html; 
        alert(latitude); 

        jQuery('#gmap_js').html(map_js); 

       } 
     }); 
    }); 

我得到一个javasript代码变量map_js

我想这个代码添加到HTML页面，

目前我使用jQuery('#gmap_js').html(map_js);

但它不工作，如何做到这一点。

这是map_js

请帮助...........

Answer 1

你能做到这样，让你使用转义字符反斜杠\在那里你需要你会在the example code看到。

var map_js = '<script language="javascript" type="text\/javascript"> alert("Js");<\/script>' 

jQuery('head').append(map_js);