AJAX | EZEON – Training Division | Best For Java | Spring Framework | Spring Boot | Android | Major/Minor Projects | Live Projects | Internship | Python | Flutter | artificial intelligence

JSON – JavaScript Object Notation (org.json)

Jul 29, 2014

JSON is a data interchange format most widely used nowadays. It is lightweight also. Some other alternatives are XML, CSV etc. JSON is language independent and can be used in any programming language. The format can be generated by a software tool or manually using any text editor. There are different APIs present in market […]

AJAX – JSP – JQuery Example

Oct 3, 2013

sum_form.html

<html>
  <head>
    <title></title>
    <script type="text/javascript" src="jquery-1.10.2.min.js">
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#id_btn').click(function(){             
                $.get('sum.jsp',{a:$('#id_a').val(),b:$('#id_b').val()},function(r){
                    //alert(r);
                    $('#id_sum').val(r);
                });               
            });
        });       
    </script>

  </head>
  <body>
      A: <input type="text" id="id_a"> <br>
      B: <input type="text" id="id_b"> <br>
      <button id="id_btn">SUM</button>
      <br>
      SUM: <input type="text" name="sum" id="id_sum" readonly/>      
  </body>
</html>

<html>

<head>

</script>

$(document).ready(function(){

$('#id_btn').click(function(){

$.get('sum.jsp',{a:$('#id_a').val(),b:$('#id_b').val()},function(r){

//alert(r);

$('#id_sum').val(r);

});

</script>

</head>

<body>

A: <input type="text" id="id_a"> <br>

B: <input type="text" id="id_b"> <br>

<br>

SUM: <input type="text" name="sum" id="id_sum" readonly/>

</body>

</html>

Server Side Script: sum.jsp

<%@page contentType="text/html"%>
<%    
     Integer a=new Integer(request.getParameter("a"));    
     Integer b=new Integer(request.getParameter("b"));  
     out.print(a+b); 
%><span style="font-size: 16px;"> </span>

<%@page contentType="text/html"%>

Integer a=new Integer(request.getParameter("a"));

Integer b=new Integer(request.getParameter("b"));

out.print(a+b);

%><span style="font-size: 16px;"> </span>

JQuery Reference Websites

Oct 3, 2013

Here you will find the reference websites for JQuery and AJAX Official Website of JQuery JQuery Official Tutorials JQuery UI JQuery Blog JQuery Forum JQuery API Reference Documentation JQuery Fancy Boxes

Loading Text File Contents/Data From Server Using JQuery-AJAX

Oct 3, 2013

sample_data.txt

Our IT Application development focus on optimizing your IT initiatives and frameworks to improve business performance, decrease costs and alleviate risks. These services can help organizations worldwide in rapidly planning, developing and implementing new projects.

1	Our IT Application development focus on optimizing your IT initiatives and frameworks to improve business performance, decrease costs and alleviate risks. These services can help organizations worldwide in rapidly planning, developing and implementing new projects.

ajax_load_file_data.html

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery-1.10.2.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                $("button").click(function(){
                    $("#div1").load("sample_data.txt");
                });
            });
        </script>
    </head>
    <body>
        <div id="div1"><h2>Content Area</h2></div>
        <button>Load Data</button>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

$("button").click(function(){

$("#div1").load("sample_data.txt");

});

</script>

</head>

<body>

<div id="div1"><h2>Content Area</h2></div>

</body>

</html>

JQuery Slide Up Feature Implementation

Oct 3, 2013

slide_up.html

<html>
    <head>
        <title></title>
        <script type="text/javascript" src="jquery-1.10.2.min.js">        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#flip").click(function(){
                  <strong>  $("#panel").slideUp("slow");</strong>
                });
            });
        </script>

        <style type="text/css">
            #panel,#flip
            {
                padding:5px;
                text-align:center;
                background-color:#e5eecc;
                border:solid 1px #c3c3c3;
            }
            #panel
            {
                padding:50px;
            }
        </style>
    </head>
    <body>
        <div id="<strong>flip</strong>">Click to slide up panel</div>
        <div id="<strong>panel</strong>"> Hello Friends</div>
    </body>
</html>

<html>

<head>

$(document).ready(function(){

$("#flip").click(function(){

<strong> $("#panel").slideUp("slow");</strong>

});

</script>

#panel,#flip

{

padding:5px;

text-align:center;

background-color:#e5eecc;

border:solid 1px #c3c3c3;

}

#panel

{

padding:50px;

}

</style>

</head>

<body>

<div id="<strong>flip</strong>">Click to slide up panel</div>

<div id="<strong>panel</strong>"> Hello Friends</div>

</body>

</html>

Archive

Category Archive for "AJAX"

JSON – JavaScript Object Notation (org.json)

AJAX – JSP – JQuery Example

JQuery Reference Websites

Loading Text File Contents/Data From Server Using JQuery-AJAX

JQuery Slide Up Feature Implementation

Recent Posts

Categories

Please write us today

EZEON is a Software Development Company wish to share our Experience with Students, Developers and Companies to help them in adopting best practices. Its our small contribution towards skill development initiative