{"id":6149,"date":"2020-03-22T16:46:52","date_gmt":"2020-03-22T16:46:52","guid":{"rendered":"https:\/\/expertwebtechnologies.com\/?p=6149"},"modified":"2021-06-04T10:08:08","modified_gmt":"2021-06-04T10:08:08","slug":"ajax-login-wordpress-2","status":"publish","type":"post","link":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/","title":{"rendered":"Ajax login WordPress."},"content":{"rendered":"

Sometime we need to login in site without reloading the page.so we simply use ajax for it. first we add login form in html than register a ajax path and than use jquery execute process.
\n1. Form Html using wp_footer hook
\n# add ajax login form to page
\n
\nadd_action( 'wp_footer', 'CustomLoginHtml' );
\nfunction CustomLoginHtml() {
\nif (!is_user_logged_in()) {
\n$actual_link = (isset($_SERVER['HTTPS'])?\"https\":\"http\").\":\/\/$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]\";
\nob_start();
\n?>
\n<form id=\"login\" class=\"buyback-ajax-auth\" action=\"login\" method=\"post\">
\n<div class=\"title-text\">Login<\/div>
\n<p class=\"status\"><\/p>
\n<?php echo wp_nonce_field('ajax-login-nonce', 'security', true, false);?>
\n<label for=\"username\">Username<\/label>
\n<input id=\"username\" type=\"text\" class=\"required\" name=\"username\">
\n<label for=\"password\">Password<\/label>
\n<input id=\"password\" type=\"password\" class=\"required\" name=\"password\">
\n<div class=\"cf\">
\n<input class=\"submit_button\" type=\"submit\" value=\"LOGIN\">
\n<\/div>
\n<a class=\"login_close\" href=\"\">\u00d7<\/a>
\n<input id=\"redirectto\" type=\"hidden\" value=\"'.$actual_link.'\">
\n<\/form>
\n<?php
\necho ob_get_clean();
\n}
\n}
\n<\/code><\/p>\n

2. Ajax Define
\n
\nadd_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
\nfunction ajax_login(){
\ncheck_ajax_referer( 'ajax-login-nonce', 'security' );
\nauth_user_login($_POST['username'], $_POST['password'], 'Login');
\ndie();
\n}
\nfunction auth_user_login($user_login, $password, $login){
\n$info = array();
\n$info['user_login'] = $user_login;
\n$info['user_password'] = $password;
\n$info['remember'] = true;
\n$user_signon = wp_signon( $info, false );
\nif ( is_wp_error($user_signon) ){
\necho json_encode(array('loggedin'=>false, 'message'=>__('Wrong username or password.')));
\n} else {
\nwp_set_current_user($user_signon->ID);
\necho json_encode(array('loggedin'=>true, 'message'=>__($login.' successful, redirecting...')));
\n}
\ndie();
\n}
\n<\/code>
\n3. Jquery
\n
\nadd_action( 'wp_footer', 'CustomLoginJquery' );
\nfunction CustomLoginJquery() {
\n?>
\n<script>
\njQuery(window).load(function () {
\njQuery(\"form#login\").on(\"submit\", function (e) {
\nreturn ajaxLogin(this), e.preventDefault(), !1
\n})
\n});
\nvar siteurl = <?php echo site_url();?>;
\nfunction ajaxLogin(e) {
\nif (jQuery.isFunction(jQuery.fn.valid) && !jQuery(e).valid()) return !1;
\njQuery(\"p.status\", e).show().text(siteurl.loadingmessage),
\naction = \"ajaxlogin\",
\nusername = jQuery(\"form#login #username\").val(),
\nredirectto = jQuery(\"form#login #redirectto\").val(),
\npassword = jQuery(\"form#login #password\").val(),
\nemail = \"\",
\nsecurity = jQuery(\"form#login #security\").val(),
\nctrl = jQuery(e),
\njQuery.ajax({
\ntype: \"POST\",
\ndataType: \"json\",
\nurl: siteurl + \"\/wp-admin\/admin-ajax.php?action=\" + action,
\ndata: {
\nusername: username,
\npassword: password,
\nemail: email,
\nsecurity: security
\n},
\nsuccess: function (e) {
\nconsole.log(e), jQuery(\"p.status\", ctrl).text(e.message), 1 == e.loggedin && (document.location.href = redirectto)
\n}
\n})
\n}
\n<\/script>
\n<?php
\n}
\n<\/code><\/p>\n

Enjoy<\/p>\n","protected":false},"excerpt":{"rendered":"

Sometime we need to login in site without reloading the page.so we simply use ajax for it. first we add login form in html than register a ajax path and than use jquery execute process. 1. Form Html using wp_footer hook # add ajax login form to page add_action( ‘wp_footer’, ‘CustomLoginHtml’ ); function CustomLoginHtml() { […]<\/p>\n","protected":false},"author":1,"featured_media":8674,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,17,25,27,28,31,36],"tags":[],"class_list":["post-6149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajax","category-ajax-wordpress","category-hooks","category-javascript","category-jquery","category-plugins","category-wordpress"],"yoast_head":"\nAjax login Wordpress. - EoXys IT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ajax login Wordpress. - EoXys IT\" \/>\n<meta property=\"og:description\" content=\"Sometime we need to login in site without reloading the page.so we simply use ajax for it. first we add login form in html than register a ajax path and than use jquery execute process. 1. Form Html using wp_footer hook # add ajax login form to page add_action( 'wp_footer', 'CustomLoginHtml' ); function CustomLoginHtml() { […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\" \/>\n<meta property=\"og:site_name\" content=\"EoXys IT\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-22T16:46:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-04T10:08:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Shiv kumawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiv kumawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\"},\"author\":{\"name\":\"Shiv kumawat\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\"},\"headline\":\"Ajax login WordPress.\",\"datePublished\":\"2020-03-22T16:46:52+00:00\",\"dateModified\":\"2021-06-04T10:08:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\"},\"wordCount\":55,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"articleSection\":[\"Ajax\",\"Ajax Wordpress\",\"Hooks\",\"JavaScript\",\"Jquery\",\"Plugins\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\",\"name\":\"Ajax login Wordpress. - EoXys IT\",\"isPartOf\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"datePublished\":\"2020-03-22T16:46:52+00:00\",\"dateModified\":\"2021-06-04T10:08:08+00:00\",\"author\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\"},\"breadcrumb\":{\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png\",\"width\":768,\"height\":430,\"caption\":\"Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eoxysit.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ajax login WordPress.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#website\",\"url\":\"https:\/\/eoxysit.com\/blogs\/\",\"name\":\"EoXys IT\",\"description\":\"Digitise your business\",\"alternateName\":\"Eoxys It\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e\",\"name\":\"Shiv kumawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"contentUrl\":\"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png\",\"caption\":\"Shiv kumawat\"},\"description\":\"\\\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\\\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d\",\"sameAs\":[\"https:\/\/eoxysit.com\/\"],\"url\":\"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ajax login Wordpress. - EoXys IT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/","og_locale":"en_US","og_type":"article","og_title":"Ajax login Wordpress. - EoXys IT","og_description":"Sometime we need to login in site without reloading the page.so we simply use ajax for it. first we add login form in html than register a ajax path and than use jquery execute process. 1. Form Html using wp_footer hook # add ajax login form to page add_action( 'wp_footer', 'CustomLoginHtml' ); function CustomLoginHtml() { […]","og_url":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/","og_site_name":"EoXys IT","article_published_time":"2020-03-22T16:46:52+00:00","article_modified_time":"2021-06-04T10:08:08+00:00","og_image":[{"width":768,"height":430,"url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","type":"image\/png"}],"author":"Shiv kumawat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shiv kumawat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#article","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/"},"author":{"name":"Shiv kumawat","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e"},"headline":"Ajax login WordPress.","datePublished":"2020-03-22T16:46:52+00:00","dateModified":"2021-06-04T10:08:08+00:00","mainEntityOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/"},"wordCount":55,"commentCount":0,"image":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","articleSection":["Ajax","Ajax Wordpress","Hooks","JavaScript","Jquery","Plugins","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/","url":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/","name":"Ajax login Wordpress. - EoXys IT","isPartOf":{"@id":"https:\/\/eoxysit.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage"},"image":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","datePublished":"2020-03-22T16:46:52+00:00","dateModified":"2021-06-04T10:08:08+00:00","author":{"@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e"},"breadcrumb":{"@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#primaryimage","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2021\/06\/woocommerce-products-custom-fields.png","width":768,"height":430,"caption":"Code"},{"@type":"BreadcrumbList","@id":"https:\/\/eoxysit.com\/blogs\/ajax-login-wordpress-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eoxysit.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"Ajax login WordPress."}]},{"@type":"WebSite","@id":"https:\/\/eoxysit.com\/blogs\/#website","url":"https:\/\/eoxysit.com\/blogs\/","name":"EoXys IT","description":"Digitise your business","alternateName":"Eoxys It","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eoxysit.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/534245eb0e092114ff5b6d0d877af61e","name":"Shiv kumawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eoxysit.com\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","contentUrl":"https:\/\/eoxysit.com\/blogs\/wp-content\/uploads\/2025\/03\/CEO-150x150.png","caption":"Shiv kumawat"},"description":"\"Shiv kumawat is the Executive Director and CEO of Eoxys It Solution LLP and the strategic mind behind the company\"s growth. His expertise in operational efficiency and team leadership empowers his colleagues to excel and innovate.\u201d","sameAs":["https:\/\/eoxysit.com\/"],"url":"https:\/\/eoxysit.com\/blogs\/author\/shivkumawat1985\/"}]}},"_links":{"self":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/6149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/comments?post=6149"}],"version-history":[{"count":0,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/posts\/6149\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media\/8674"}],"wp:attachment":[{"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/media?parent=6149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/categories?post=6149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eoxysit.com\/blogs\/wp-json\/wp\/v2\/tags?post=6149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}