编辑HTML的匿名函数放在

Question

我想改变的HTML内容的地方这个脚本是：

<script type="text/javascript"> 
    (function() { 
     $.ajax({ 
      url: "/api/request/something", 
      data: { 
       // ... 
      }, 
      success: function (data) { 
       // ... 
       var html = "..."; 
       $(this).parent().html(html); 
       } 
      } 
     }) 
    })(); 
</script> 

我把这个脚本到现有div元素，但这个脚本的执行不会改变该div元素的HTML。

Answer 1

相反的this，使用将被设置为document.currentScript.parentNode参数：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <script> 
 
    (function (elem) { 
 
     $.ajax({ 
 
      url: "https://jsonplaceholder.typicode.com/posts/1", 
 
      data: { 
 
       // ... 
 
      }, 
 
      success: function (data) { 
 
       // ... 
 
       var html = "display this"; 
 
       $(elem).html(html); 
 
      } 
 
     }) 
 
    })(document.currentScript.parentNode); // pass this value 
 
    </script> 
 
</div>

知不知道这是不是它通常所做的那样。考虑给你的元素一些id或class和参考，在一个脚本，您在文档的末尾位置：

$.ajax({ 
 
    url: "https://jsonplaceholder.typicode.com/posts/1", 
 
    data: { 
 
     // ... 
 
    }, 
 
    success: function (data) { 
 
     // ... 
 
     var html = "display this"; 
 
     $("#target").html(html); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="target"></div>

Answer 2

关键字this指成功功能的范围的ajax请求。您应该设置要更改的div的id属性。

然后你可以改变它的innerHTML很多easyer。

HTML：

<div id="myDiv"></div> 

JS：

(function() { 
    $.ajax({ 
     url: "/api/request/something", 
     data: {}, 
     success: function (data) { 
      $('#myDiv').innerHTML = data.responseText; 
//    ^^^^^ use the id of the div you want to change 
      } 
     } 
    }) 
}); 

我希望能以某种方式帮助。