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

时间:2016-06-28 12:46:48

标签: javascript jquery html css ajax

抱歉基本问题!

我目前有一个网站,我需要一个功能,当用户点击超链接时替换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>

但是,我有两个快速的问题 - 一旦单击按钮,在div中写入JS中的字符串 - 是否可以传入包含此文本的HTML文件?

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

1 个答案:

答案 0 :(得分:2)

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

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

如果你能提供更多清晰度,我会改进我的答案!

这是如何运作的。

jQuery查找标识为#my-link的dom元素,然后在单击时触发功能块。 jQUery $.load会将该网址的内容加载到ID为my-div的div中,然后更改$(this)的href属性,&#34;此&#34;是&#34; new_url&#34;。

的按钮