代码之家 › 专栏 › 技术社区 › James Williams

如何在单击按钮时刷新div内容

ajax javascript

James Williams · 技术社区 · 2 年前

我有一些数据将显示在div中-我需要刷新这些数据而不刷新整个页面。

我找到了一种可以改变边框颜色的解决方案,但我无法将其简化为我需要的颜色。以下是我目前掌握的信息

var storeColor = 'red';

$('#container').on('click', 'button', function() {
  var $p = $('#content p');
  var tmp = $p.css('border-color');
  $p.css('border-color', storeColor);
  storeColor = tmp;
});

</div>
  <button type="button">Refresh DIV</button>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="container">
  
  Contents of div
    
 </div>

2 回复 | 直到 2 年前

Michael 2 年前

我认为你的代码有一些问题…按钮在容器外,这就是为什么点击监听器不工作的原因。在单击功能中,您尝试访问段落 p 在id为的某个元素内 content 这在你的代码中不存在

var storeColor = 'red';

$('#btnRefresh').on('click', function() {
  var $p = $('#container');
  $p.css('background-color', 'red');
  $p.html('hello world');
});

  <button type="button" id="btnRefresh">Refresh DIV</button>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="container">
  
  Contents of div
    
 </div>

Tolulope Mumuney 2 年前

html string

如果在单击按钮时使用上述内容,则不会刷新页面。您可能也想在按钮的事件侦听器中使用preventDefault。

推荐文章

James Williams · 如何在单击按钮时刷新div内容

2 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

2 年前

Mehmet · javascript执行了多个

2 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

2 年前

Parker · 如何使表格行的单元格项加粗n秒?

3 年前

Chris J. · ajax获取查找数据属性值的请求

3 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

3 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

3 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

3 年前

Pedro F · Ajax调用后脚本运行不正常

3 年前