«
»

How to Get Base URL Using jQuery

This blog all about how to get the base URL using jQuery. For example, if the total URL is http://192.168.1.147:8080/sign/

The output will be http://192.168.1.147:8080 . Here base URL can be obtained by simply using jquery attr() in-built method by passing the parameter “origin”, Find the below code to get the base URL for a page.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How to Get Base URL Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".getBUrl").click(function(){
var getBUrl = $(location).attr("origin");
alert(getBUrl);
});
});
</script>
<style type="text/css">
.container{
margin-left: 350px;
margin-top: 100px;
}
</style>
</head>
<body>
<div class="container">
<h1>How to Get Base URL Using jQuery</h1>
<div style="margin-left: 200px;"><button type="button" class="getBUrl">Get Base URL</button></div>
</div>
</body>
</html>
 
 
 

Get Current URL Using jQuery

Dynamic Load Jquery Datepicker

Datepicker is very widely used in web technology. Especially Jquery date picker is very good and easy to use in websites or web applications. Its very simple when the input field Datepicker is in HTML files, But If It is dynamically loaded then we have to make it small changes, I will explain it below,

But Question is What is Dynamic loaded Jquery Datepicker and how the jquery date picker will be load Dynamically.

When you are adding Datepicker add more button or appending jquery Datepicker by Ajax, in that case, Simple Jquery Datepicker function will not work. In that case, we have to add  .on()  method attaches event handlers.

See the below examples:-

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script language="javascript">
 
$(document).on('focus', '#pan_id4', function() {
$(this).datepicker({
dateFormat: 'yy-mm-dd',changeMonth: true,
changeYear: true,
});
});
</script>
 
<input type="text" id="pan_id4" name="pan_no">
 
 
 
 

 

»