javascript - 如何将 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

您可以这样做，让您在需要的地方使用转义字符反斜杠 \，正如您将在示例代码中看到的那样。

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

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

​</p>