【问题标题】:refreshing particular div using jquery使用 jquery 刷新特定的 div
【发布时间】:2014-07-30 21:10:01
【问题描述】:

得到响应后,我想使用 ajax 调用刷新特定的 div 标签

<script>
    $(document).ready(function() {

        $('#add-new-department').submit(function(event) {
            var departmentname = $('#departmentname').val();


            $.ajax({
                url : $("#add-new-department").attr("action"),
                type : "POST",
                data : "departmentname="+departmentname,

                success : function(response) {
                    $('#status').html(response);
                    $('#departmentname').val('');
                    $('#department').load("");   
                }
            });

            event.preventDefault();
        });

    });
</script>

我想更新jsp页面中的一条消息

 <div id="department">Department Updated : <% new Date(); %> </div>

我的要求是 只需刷新 ajax 调用后的 div 标签 喜欢

 $('#department').refresh(); 

【问题讨论】:

  • jquery中没有刷新功能。您必须用 ajax 响应替换目标元素。
  • 你不能像这样刷新 div。相反,您可以更新它的内容。
  • 顺便在#department div 中,你想在更新时显示什么?
  • 我不想从 ajax 函数发送数据。我只是刷新那个 div 请给我建议

标签: jquery html ajax jsp


【解决方案1】:

使用html() 而不是load() 喜欢,

$('#department').html("Department Updated : "+new Date());

【讨论】:

  • 我不想从 ajax 函数发送数据。我只是刷新那个 div 请给我建议
【解决方案2】:
$.ajax({
  url : $("#add-new-department").attr("action"),
  type : "POST",
  data : "departmentname="+departmentname,

  success : function(response) {
     $('#status').html(response);
     $('#departmentname').val('');
     $('#department').html('Department Updated: ' + new Date());   
  }
});

【讨论】:

  • 我不想从 ajax 函数发送数据。我只是刷新那个 div 请给我建议
【解决方案3】:

使用这个,写你的页面名称而不是 content.php

$('#department').load('content.php')

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-08-31
    • 1970-01-01
    • 1970-01-01
    • 2020-12-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多