JavaScript & Ajax

What is JavaScript's?

JavaScript is a dynamic computer programming language. It is lightweight and most commonly used as a part of web pages, whose implementations allow client-side script to interact with the user and make dynamic pages. It is an interpreted programming language with object-oriented capabilities.

Types of JavaScript:

1) Internal JavaScript : Internal JavaScript is written into a HTML file using <scripts></scripts> tags.
2) External JavaScript : External JavaScript is written into a .js file which is created into another file location and link with HTML file.

What is AJAX?

AJAX stand for Asynchronous JavaScript and XML. AJAX is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS and Java Script.

Why to use AJAX?

1) Update a web page without reloading the page
2) Request data from a server - after the page has loaded
3) Receive data from a server - after the page has loaded
4) Send data to a sever - in the background

Client - AJAX - Django view

#index.html

<!DOCTYPE html>
<html>
<head>
      <title>Like Post App</title>
</head>
<body>
     <p id="message"></p>
     {% for post in posts %}
     <h3>{{ forloop.counter }}{{ post.post_heading }}</h3>
     <p>{{ post.post_text }}</p>
     <a class="likebutton" id="like{{post.id}}" href="#" data-catid="{{post.id}}">Like</a>
     {% endfor %}
     <script type="text/javascript">
           $('.likebutton').click(function(){
             var catid;
             catid=$(this).attr("data-catid");
             $.ajax({
                   type="GET",
                   url="likepost",
                   data:{
                       post_id:catid
                     },
                   success: function(data){
                         $('#like'+catid).remove();
                         $("#message").text(data);
                       }
               })
           })
     </script>
</body>
</html>

#models.py #views.py #urls.py

JavaScript & Ajax

What is JavaScript's?

Types of JavaScript:

What is AJAX?

Why to use AJAX?

Post a Comment

Social Plugin

Popular Posts

Introduction to Python

Object Oriented Programming in Python

Ethical Hacking

About Us

Footer Copyright

#buttons=(Ok, Go it!) #days=(20)

Contact form

JavaScript & Ajax

What is JavaScript's?

Types of JavaScript:

What is AJAX?

Why to use AJAX?

You may like these posts

Post a Comment

#buttons=(Ok, Go it!) #days=(20)

Contact form