XMLHttpRequest for Async Ajax Call
Problem Statement: Async Ajax Call using XMLHttpRequest Solution : below is the code snippet help you for Async Ajax call using XMLHttpRequest [crayon-676592e7444ca244155960/]
Read morePosted In: jQuery
Auto refresh charts using highcharts.js
Highcharts is a pure JavaScript based charting library meant to enhance web applications by adding interactive charting capability. Highcharts provides a wide variety of charts. For example, line charts, spline charts, area charts, bar charts, pie charts and so on. So there may be need of drawing chart with updated
Read moreHow To Improve Website Loading Speed?
Why it is important to Improve Website loading Speed? Page loading time is obviously an important part of any website’s user experience. And many times we’ll let it slide to accommodate better aesthetic design, new nifty functionality or to add more content to web pages. Page loading speed is a measurement
Read moreQuery Parameter String URL Creation, Retrieval And Filter
This code can be used for creating a query parameter as a URL string for using it to take a small amount of data from any page to another as a query in the url. We can use it for different purposes for default filter, search, pagination, id, user data binds
Read morejQuery: Difference between event.preventDefault() method and event.stopPropagation() method
event.preventDetault() method: event.preventDetault() method stops default action of the element, e.g. In preventDefault() method when click on element like <a> its stops the link to executed or on Form submit button click stop form to be submitted. HTML: <div id="div-element"> <a id="anchor-element" href="http://www.xyz.com" target="_blank"> xyz.com </a> </div> CODE: $(“document”).ready(function(){ $(“#anchor-element”).click(function(event){ event.preventDefault(); }); }); event.stopPropagation() method: event.stopPropagation() method stops event handlers
Read moreCommon jQuery Ajax methods and options
In the previous article, we learned about event.preventDefault() vs event.stopPropagation() vs return false. In this article, we will cover the most basic methods/function used in jQuery when dealing with Ajax. Ajax ( Asynchronous JavaScript and XML ) it allows web pages to change/update data asynchronously with a web server without reloading the
Read more17 Useful jQuery Tricks and Best Practices
In the previous article, we learned about Common jQuery Ajax methods and options. In this article, we will cover the some general Do's and Dont's or Best Practices in jQuery, which is helpful to increase your page speed and will optimize code. jQuery is the most popular client-side library. It has
Read morejQuery: Calculate max height and apply to all element using jQuery.
Here equalheight is parent class to find intro class and set equal height to all. [crayon-676592e744ae0691354149/]
Read moreevent.preventDefault() vs event.stopPropagation() vs return false
This article provides the information how can we prevent default behavior/action of an element in jQuery. Sometimes we need to stop/prevent element default action when a certain event is fired using jQuery.Event object methods we can achieve that event. We will see all three methods with a DEMO event.preventDefault() event.preventDefault(); method is stop default
Read morejQuery .html vs .append vs .innerHTML Difference and Performance
This article provides the information about jQuery DOM insertion methods Difference and Performance. These methods are really matters for your page, It dramatically affects the performance of your page. .html() The .html() jQuery method set and return the content of selected elements. When this method is used to set content, It set the content
Read more