如何动态地将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);