Skip to main content

Posts

How to Use jQuery’s $.ajax() Function Related Topics:

(1)write code for form.html file: <!doctype html> <html lang="en"> <head> <title>passing form input value to php - BY OM SIR</title>   <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>   <script type="text/javascript"> $(document).ready(function (event) { // triggered when the form submitted $("#myform").on('submit',(function(event) { event.preventDefault(); $("#response").empty(); $.ajax({ // URL to move the uploaded image file to server url: "pass.php", // Request type type: "POST", // To send the full form data data: new FormData(this), contentType: false,    processData:false,   // UI response after the file upload success: function(data) { $("#response").html(data); } }); })); // Triggered when the image changed (browse) // Function to show the image as a preview }); </script> </head>...
1 comment
Read more

Jquery with Ajax

What About jQuery and AJAX? jQuery provides several methods for AJAX functionality. With the jQuery AJAX methods, you can request text, HTML, XML, or JSON from a remote server using both HTTP Get and HTTP Post - And you can load the external data directly into the selected HTML elements of your web page! Without jQuery, AJAX coding can be a bit tricky! Writing regular AJAX code can be a bit tricky, because different browsers have different syntax for AJAX implementation. This means that you will have to write extra code to test for different browsers. However, the jQuery team has taken care of this for us, so that we can write AJAX functionality with only one single line of code.
1 comment
Read more

Ajax with php

FIRST CREATE  TABLE    details : create table  details (id  int, name   varchar(200), city    varchar(200)); Ajax example code  for   inserting record from  form   to MYSQL  Database : (1)first write code for  insert.html   file: <html> <head> <script> function ajax_post() {     // Create our XMLHttpRequest object     var hr = new XMLHttpRequest();           // Create some variables we need to send to our PHP file           var url = "insert.php";           var id = document.getElementById("id").value;           var nm = document.getElementById("name").value;             var cy = document.getElement...
Post a Comment
Read more

Ajax Event

(1)Ajax  Onclick Event Example: <!DOCTYPE html> <html> <body> <div id="demo"> <h1>The XMLHttpRequest Object</h1> <button type="button" onclick="loadDoc()">Change Content</button> </div> <script> function loadDoc() {   var xhttp = new XMLHttpRequest();   xhttp.onreadystatechange = function() {     if (this.readyState == 4 && this.status == 200) {       document.getElementById("demo").innerHTML =       this.responseText;     }   };   xhttp.open("GET", "ajax_info.txt", true);   xhttp.send(); } </script> </body> </html> (2) Ajax  onmouseover  Event: <!DOCTYPE html> <html> <body> <div id="demo"> <h1>The XMLHttpRequest Object</h1> <button type="button" onmouseover="loadDoc()">Change Content</button> </div> <script> func...
Post a Comment
Read more

Ajax introduction

AJAX  Introduction: AJAX is a developer's dream, because you can: Update a web page without reloading the page Request data from a server - after the page has loaded Receive data from a server - after the page has loaded Send data to a server - in the background What is AJAX? AJAX =  A synchronous  J avaScript  A nd  X ML. AJAX is not a programming language. AJAX just uses a combination of: A browser built-in XMLHttpRequest object (to request data from a web server) JavaScript and HTML DOM (to display or use the data) Note : AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page. How AJAX Works: 1. An event occurs in a web page (the page is loaded, a button is clicked) 2. An XMLHttpRequest object is created by JavaScript 3. The XMLHttpRequest object sends a request to a web serv...
2 comments
Read more

introduction on xml

HTML XML HTML is an abbreviation for HyperText Markup Language. XML stands for eXtensible Markup Language. HTML was designed to display data with focus on how data looks. XML was designed to be a software and hardware independent tool used to transport and store data, with focus on what data is. HTML is a markup language itself. XML provides a framework for defining markup languages. HTML is a presentation language. XML is neither a programming language nor a presentation language. HTML is case insensitive. XML is case sensitive. HTML is used for designing a web-page to be rendered on the client side. XML is used basically to transport data between the application and the database. HTML has it own predefined tags. While what makes XML flexible is that custom tags can be defined and the tags are invented by the author of the XML document. HTML i...
2 comments
Read more