CODEWITHSUNDEEP
jqueryhtmlajaxjsp
Developer
Developer

Reputation: 444

refreshing particular div using jquery

After I got response i want to refresh particular div tag using ajax call

<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>

I want to update a message in jsp page

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

My requirement is just refresh div tag after ajax call like

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

Upvotes: 0

Views: 16289

Answers (3)

Mr7-itsurdeveloper
Mr7-itsurdeveloper

Reputation: 1631

use this,write your page name instead content.php

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

Upvotes: 0

otopic
otopic

Reputation: 1256

$.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());   
  }
});

Upvotes: 1

Rohan Kumar
Rohan Kumar

Reputation: 40639

Use html() not load() like,

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

Upvotes: 1

Related Questions