javascript - 如何在生成新 URL - AJAX 时更改 div 内容？

Question

抱歉这个基本问题!

我目前有一个网站，我需要一个功能，当用户点击超链接时，div 的内容会被替换

我使用以下方法实现了这一点:

<a href="javascript:ReplaceContentInContainer('desc','the button has been pressed')"> Click here </a> 


<script type="text/javascript"><!--
   function ReplaceContentInContainer(id,content) {
   var container = document.getElementById(id);
   container.innerHTML = content;
   }
</script>

但是，我有 2 个简单的问题 - 单击按钮后，div 中的内容在 JS 中写为字符串 - 是否可以传入包含此文本的 HTML 文件？

我需要让新文本有一个新的 URL - 这可能吗？ (例如，一旦用户点击按钮，就会显示文本并提供新的直接 URL)

Answer 1

我假设你的意思是这样的:

$('#my-link').on('click', function() {
  $('#my-div').load('/file_to_load.html');
  $(this).attr('href', "new_url");
});

如果您能提供更清晰的信息，我会完善我的答案!

这是它的工作原理。

jQuery 查找 id 为 #my-link 的 dom 元素, 然后点击功能 block 被触发。 jQUery $.load会将该 url 的内容加载到 ID 为 my-div 的 div 中, 然后更改 $(this) 的 href 属性，“this”是“new_url”的按钮。