rogeriojesussilva 16 de dez. de 2019
Preciso ver o código todo da sua página HTML.
ASHAMM 16 de dez. de 2019
Aqui está! Mas é um pouco comprido:
< ! doctype html >
< html lang= "zxx" >
< head >
< ! -- Required meta tags -->
< meta charset= "utf-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1, shrink-to-fit=no" >
< title > ecobit</title >
< link rel= "icon" href= "img/favicon.png" >
< ! -- Bootstrap CSS -->
< link rel= "stylesheet" href= "css/bootstrap.min.css" >
< ! -- animate CSS -->
< link rel= "stylesheet" href= "css/animate.css" >
< ! -- owl carousel CSS -->
< link rel= "stylesheet" href= "css/owl.carousel.min.css" >
< ! -- font awesome CSS -->
< link rel= "stylesheet" href= "css/all.css" >
< ! -- flaticon CSS -->
< link rel= "stylesheet" href= "css/flaticon.css" >
< link rel= "stylesheet" href= "css/themify-icons.css" >
< ! -- font awesome CSS -->
< link rel= "stylesheet" href= "css/magnific-popup.css" >
< ! -- swiper CSS -->
< link rel= "stylesheet" href= "css/slick.css" >
< ! -- style CSS -->
< link rel= "stylesheet" href= "css/style.css" >
< script src= "jquery-3.4.1.min.js" ></script >
</head >
< body >
< ! --::header part start : :- ->
< header class= "main_menu" >
<div class= "container" >
<div class= "row align-items-center" >
<div class= "col-lg-12" >
< nav class= "navbar navbar-expand-lg navbar-light" >
< a class= "navbar-brand main_logo" href= "index.html" > < img src= "img/logo.png" alt= "logo" > </a >
< a class= "navbar-brand single_page_logo" href= "index.html" > < img src= "img/footer_logo.png" alt= "logo" > </a >
< button class= "navbar-toggler" type= "button" data - toggle= "collapse"
data - target= "#navbarSupportedContent" aria - controls= "navbarSupportedContent"
aria - expanded= "false" aria - label= "Toggle navigation" >
< span class= "menu_icon" ></span >
</button >
<div class= "collapse navbar-collapse main-menu-item" id= "navbarSupportedContent" >
< ul class= "navbar-nav" >
< li class= "nav-item" >
< a class= "nav-link" href= "index.html" > Home </a >
</li >
< li class= "nav-item" >
< a class= "nav-link" href= "features.html" > features</a >
</li >
< li class= "nav-item" >
< a class= "nav-link" href= "pricing.html" > pricing</a >
</li >
< li class= "nav-item dropdown" >
< a class= "nav-link dropdown-toggle" href= "blog.html" id= "navbarDropdown"
role= "button" data - toggle= "dropdown" aria - haspopup= "true" aria - expanded= "false" >
Blog
</a >
<div class= "dropdown-menu" aria - labelledby= "navbarDropdown" >
< a class= "dropdown-item" href= "blog.html" > blog</a >
< a class= "dropdown-item" href= "single-blog.html" > Single blog</a >
</ div>
</li >
< li class= "nav-item dropdown" >
< a class= "nav-link dropdown-toggle" href= "blog.html" id= "navbarDropdown1"
role= "button" data - toggle= "dropdown" aria - haspopup= "true" aria - expanded= "false" >
pages
</a >
<div class= "dropdown-menu" aria - labelledby= "navbarDropdown1" >
< a class= "dropdown-item" href= "elements.html" > Elements </a >
</ div>
</li >
< li class= "nav-item" >
< a class= "nav-link" href= "contact.html" > Contact </a >
</li >
</ul >
</ div>
< a href= "#" class= "d-none d-sm-block btn_1 home_page_btn" > sing up</a >
</nav >
</ div>
</ div>
</ div>
</header >
< ! --:: Header part end : :- ->
< ! --::banner part start : :- ->
< section class= "banner_part" >
<div class= "container" >
<div class= "row align-items-center justify-content-between" >
<div class= "col-lg-5" >
<div class= "banner_img d-none d-lg-block" >
< img src= "img/banner_img.png" alt= "" >
</ div>
</ div>
<div class= "col-lg-6" >
<div class= "banner_text" >
<div class= "banner_text_iner" >
< h1 > Building Networks
For People </h1 >
< p > Lorem ipsum dolor sit amet , consectetur adipisicing elit ,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua . Ut enim ad minim veniam . </p >
< input type= "text" name= "txtCC" val ue= "Introduza aqui a sua noticia: " id= "txtCC1" >
< button name= "btn" onclick= "myFunction()" > Click me ! </button >
< br >
< br >
< p id= "res" > Result : </p >
</ div>
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_7.png" alt= "" class= "feature_icon_1 custom-animation1" >
< img src= "img/animate_icon/Ellipse_8.png" alt= "" class= "feature_icon_2 custom-animation2" >
< img src= "img/animate_icon/Ellipse_1.png" alt= "" class= "feature_icon_3 custom-animation3" >
< img src= "img/animate_icon/Ellipse_2.png" alt= "" class= "feature_icon_4 custom-animation4" >
< img src= "img/animate_icon/Ellipse_3.png" alt= "" class= "feature_icon_5 custom-animation5" >
< img src= "img/animate_icon/Ellipse_4.png" alt= "" class= "feature_icon_6 custom-animation6" >
</section >
< ! --::banner part start : :- ->
< ! --::use sasu part end : :- ->
< section class= "use_sasu padding_top" >
<div class= "container" >
<div class= "row justify-content-center" >
<div class= "col-lg-4 col-sm-6" >
<div class= "single_feature" >
<div class= "single_feature_part" >
< img src= "img/icon/feature_icon_1.png" alt= "" >
< h4 > Fully Secured </h4 >
< p > Made great fish shall beast , fourth land also Doesn
tree without lesser likeness he fruit of called gathering
day whose called were have </p >
</ div>
</ div>
</ div>
<div class= "col-lg-4 col-sm-6" >
<div class= "single_feature" >
<div class= "single_feature_part" >
< img src= "img/icon/feature_icon_2.png" alt= "" >
< h4 > Unique Design </h4 >
< p > Made great fish shall beast , fourth land also Doesn tree
without lesser likeness he fruit of called gathering day whose
called were have </p >
</ div>
</ div>
</ div>
<div class= "col-lg-4 col-sm-6" >
<div class= "single_feature" >
<div class= "single_feature_part" >
< img src= "img/icon/feature_icon_3.png" alt= "" >
< h4 > A Volunteer </h4 >
< p > Made great fish shall beast , fourth land also Doesn tree without
lesser likeness he fruit of called gathering day whose called were have </p >
</ div>
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_1.png" alt= "" class= "feature_icon_1 custom-animation1" >
</section >
< ! --::use sasu part end : :- ->
< ! --::about_us part start : :- ->
< section class= "about_us section_padding" >
<div class= "container" >
<div class= "row align-items-center justify-content-between" >
<div class= "col-md-6 col-lg-5" >
<div class= "about_us_text" >
< img src= "img/icon/Icon_1.png" alt= "" >
< h2 > Easy To < br >
Access Social Media </h2 >
< p > Saw shall light . Us their to place had creepeth day
night great wher appear to . Hath , called , sea called ,
gathering wherein open make living Female itself
gathering man . Waters and , two . Bearing . Saw she'd
all let she'd lights abundantly blessed . </p >
< a href= "#" class= "btn_2" > learn more</a >
</ div>
</ div>
<div class= "col-md-6 col-lg-6" >
<div class= "learning_img" >
< img src= "img/about_img.png" alt= "" >
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_4.png" alt= "" class= "feature_icon_1 custom-animation1" >
</section >
< ! --::about_us part end : :- ->
< ! --::about_us part start : :- ->
< section class= "about_us right_time" >
<div class= "container" >
<div class= "row align-items-center justify-content-between" >
<div class= "col-md-6 col-lg-6" >
<div class= "learning_img" >
< img src= "img/about_img_1.png" alt= "" >
</ div>
</ div>
<div class= "col-md-6 col-lg-5" >
<div class= "about_us_text" >
< img src= "img/icon/Icon_2.png" alt= "" >
< h2 > With efficiency to
unlock more opportunities</h2 >
< p > Saw shall light . Us their to place had creepeth day
night great wher appear to . Hath , called , sea called ,
gathering wherein open make living Female itself
gathering man . Waters and , two . Bearing . Saw she'd
all let she'd lights abundantly blessed . </p >
< a href= "#" class= "btn_2" > learn more</a >
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_5.png" alt= "" class= "feature_icon_2 custom-animation2" >
</section >
< ! --::about_us part end : :- ->
< ! --::pricing part start : :- ->
< section class= "pricing_part section_padding home_page_pricing" >
<div class= "container" >
<div class= "row justify-content-center" >
<div class= "col-lg-6" >
<div class= "section_tittle text-center" >
< h2 > Simple Pricing </h2 >
< p > Life firmament under them evening make after called dont
saying likeness isn't wherein also forth she'd air two without</p >
</ div>
</ div>
</ div>
<div class= "row justify-content-center" >
<div class= "col-lg-3 col-sm-6" >
<div class= "single_pricing_part" >
< img src= "img/icon/pricing_icon_1.png" alt= "" >
< p > Standard </p >
< h3> $ 50.00 < span>/ mo</span></h3 >
< ul >
< li > 2 GB Bandwidth </li >
< li > Two Account </li >
< li > 15 GB Storage </li >
< li > Sale After Service </li >
< li > 3 Host Domain </li >
< li > 24 / 7 Support </li >
</ul >
< a href= "#" class= "pricing_btn" > Purchase Now </a >
</ div>
</ div>
<div class= "col-lg-3 col-sm-6" >
<div class= "single_pricing_part" >
< img src= "img/icon/pricing_icon_2.png" alt= "" >
< p > Business </p >
< h3> $ 50.00 < span>/ mo</span></h3 >
< ul >
< li > 2 GB Bandwidth </li >
< li > Two Account </li >
< li > 15 GB Storage </li >
< li > Sale After Service </li >
< li > 3 Host Domain </li >
< li > 24 / 7 Support </li >
</ul >
< a href= "#" class= "pricing_btn" > Purchase Now </a >
</ div>
</ div>
<div class= "col-lg-3 col-sm-6" >
<div class= "single_pricing_part" >
< img src= "img/icon/pricing_icon_3.png" alt= "" >
< p > Premium </p >
< h3> $ 60.00 < span>/ mo</span></h3 >
< ul >
< li > 2 GB Bandwidth </li >
< li > Two Account </li >
< li > 15 GB Storage </li >
< li > Sale After Service </li >
< li > 3 Host Domain </li >
< li > 24 / 7 Support </li >
</ul >
< a href= "#" class= "pricing_btn" > Purchase Now </a >
</ div>
</ div>
<div class= "col-lg-3 col-sm-6" >
<div class= "single_pricing_part" >
< img src= "img/icon/pricing_icon_4.png" alt= "" >
< p > Ultimate </p >
< h3> $ 80.00 < span>/ mo</span></h3 >
< ul >
< li > 2 GB Bandwidth </li >
< li > Two Account </li >
< li > 15 GB Storage </li >
< li > Sale After Service </li >
< li > 3 Host Domain </li >
< li > 24 / 7 Support </li >
</ul >
< a href= "#" class= "pricing_btn" > Purchase Now </a >
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_2.png" alt= "" class= "feature_icon_2 custom-animation2" >
</section >
< ! --::pricing part end : :- ->
< ! --::about_us part start : :- ->
< section class= "review_part padding_bottom" >
<div class= "container" >
<div class= "row align-items-center justify-content-between" >
<div class= "col-md-6 col-lg-6" >
<div class= "review_img" >
< img src= "img/review_bg.png" alt= "" >
</ div>
</ div>
<div class= "col-md-6 col-lg-5" >
<div class= "review_slider owl-carousel" >
<div class= "review_part_text" >
< h2 > With efficiency to
unlock more opportunities</h2 >
< p > Saw shall light . Us their to place had creepeth day
night great wher appear to . Hath , called , sea called ,
gathering wherein open make living Female itself
gathering man . Waters and , two . Bearing . Saw she'd
all let she'd lights abundantly blessed . </p >
< h3 > Mitchel Jeferson , < span > CEO of softking</span > </h3 >
</ div>
<div class= "review_part_text" >
< h2 > With efficiency to
unlock more opportunities</h2 >
< p > Saw shall light . Us their to place had creepeth day
night great wher appear to . Hath , called , sea called ,
gathering wherein open make living Female itself
gathering man . Waters and , two . Bearing . Saw she'd
all let she'd lights abundantly blessed . </p >
< h3 > Mitchel Jeferson , < span > CEO of softking</span > </h3 >
</ div>
<div class= "review_part_text" >
< h2 > With efficiency to
unlock more opportunities</h2 >
< p > Saw shall light . Us their to place had creepeth day
night great wher appear to . Hath , called , sea called ,
gathering wherein open make living Female itself
gathering man . Waters and , two . Bearing . Saw she'd
all let she'd lights abundantly blessed . </p >
< h3 > Mitchel Jeferson , < span > CEO of softking</span > </h3 >
</ div>
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_4.png" alt= "" class= "feature_icon_2 custom-animation2" >
</section >
< ! --::about_us part end : :- ->
< ! --::subscribe us part end : :- ->
< section class= "subscribe_part padding_bottom" >
<div class= "container" >
<div class= "row justify-content-center" >
<div class= "col-lg-8" >
<div class= "subscribe_part_text text-center" >
< h2 > Experience the most simple way to < br >
manage business</h2 >
<div class= "subscribe_form" >
< form action= "#" >
<div class= "form-row" >
<div class= "col-sm-9" >
< input type= "email" class= "form-control" placeholder= "enter your email" >
</ div>
<div class= "col-sm-3" >
<div class= "subscribe_btn" >
<div class= "btn_2 d-block" > free trail</ div>
</ div>
</ div>
</ div>
</form >
</ div>
</ div>
</ div>
</ div>
</ div>
< img src= "img/animate_icon/Ellipse_5.png" alt= "" class= "feature_icon_2 custom-animation2" >
</section >
< ! --::subscribe us part end : :- ->
< ! --::client logo part end : :- ->
< section class= "client_logo" >
<div class= "container" >
<div class= "row align-items-center" >
<div class= "col-lg-12" >
<div class= "client_logo_slider owl-carousel d-flex justify-content-between" >
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_1.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_2.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_3.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_4.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_5.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_1.png" alt= "" >
</ div>
<div class= "single_client_logo" >
< img src= "img/client_logo/client_logo_2.png" alt= "" >
</ div>
</ div>
</ div>
</ div>
</ div>
</section >
< ! --::client logo part end : :- ->
< ! --::footer_part start : :- ->
< footer class= "footer_part" >
<div class= "container" >
<div class= "row" >
<div class= "col-sm-8 col-md-4 col-lg-4" >
<div class= "single_footer_part" >
< a href= "index.html" class= "footer_logo_iner" > < img src= "img/footer_logo.png" alt= "#" > </a >
< p > Gathered . Under is whose you'll to make years is mat lights thing together fish made
forth thirds cattle behold won't . Fourth creeping first female .
</p >
</ div>
</ div>
<div class= "col-sm-4 col-md-4 col-lg-2" >
<div class= "single_footer_part" >
< h4 > About Us </h4 >
< ul class= "list-unstyled" >
< li><a href= "" > Managed Website </a></li >
< li><a href= "" > Manage Reputation </a></li >
< li><a href= "" > Power Tools </a></li >
< li><a href= "" > Marketing Service </a></li >
< li><a href= "" > Customer Service </a></li >
</ul >
</ div>
</ div>
<div class= "col-sm-4 col-md-4 col-lg-2" >
<div class= "single_footer_part" >
< h4 > Quick Links </h4 >
< ul class= "list-unstyled" >
< li><a href= "" > Store Hours </a></li >
< li><a href= "" > Brand Assets </a></li >
< li><a href= "" > Investor Relations </a></li >
< li><a href= "" > Terms of Service </a></li >
< li><a href= "" > Privacy & Policy </a></li >
</ul >
</ div>
</ div>
<div class= "col-sm-4 col-md-4 col-lg-2" >
<div class= "single_footer_part" >
< h4 > My Account </h4 >
< ul class= "list-unstyled" >
< li><a href= "" > Press Inquiries </a></li >
< li><a href= "" > Media Directories </a></li >
< li><a href= "" > Investor Relations </a></li >
< li><a href= "" > Terms of Service </a></li >
</ul >
</ div>
</ div>
<div class= "col-sm-4 col-md-3 col-lg-2" >
<div class= "single_footer_part" >
< h4 > Resources </h4 >
< ul class= "list-unstyled" >
< li><a href= "" > Application Security </a></li >
< li><a href= "" > Software Policy </a></li >
< li><a href= "" > Supply Chain </a></li >
< li><a href= "" > Agencies Relation </a></li >
< li><a href= "" > Manage Reputation </a></li >
</ul >
</ div>
</ div>
</ div>
< hr >
<div class= "row" >
<div class= "col-lg-8" >
<div class= "copyright_text" >
< P >< ! -- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ti-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed . Template is licensed under CC BY 3.0 . --> </ P >
</ div>
</ div>
<div class= "col-lg-4" >
<div class= "footer_icon social_icon" >
< ul class= "list-unstyled" >
< li><a href= "#" class= "single_social_icon" ><i class= "fab fa-facebook-f" ></i></a></li >
< li><a href= "#" class= "single_social_icon" ><i class= "fab fa-twitter" ></i></a></li >
< li><a href= "#" class= "single_social_icon" ><i class= "fas fa-globe" ></i></a></li >
< li><a href= "#" class= "single_social_icon" ><i class= "fab fa-behance" ></i></a></li >
</ul >
</ div>
</ div>
</ div>
</ div>
</footer >
< ! --::footer_part end : :- ->
< script src= "js/main.js" ></script >
< ! -- jquery plugins here -->
< script src= "js/jquery-1.12.1.min.js" ></script >
< ! -- popper js -->
< script src= "js/popper.min.js" ></script >
< ! -- bootstrap js -->
< script src= "js/bootstrap.min.js" ></script >
< ! -- easing js -->
< script src= "js/jquery.magnific-popup.js" ></script >
< ! -- swiper js -->
< script src= "js/swiper.min.js" ></script >
< ! -- swiper js -->
< script src= "js/masonry.pkgd.js" ></script >
< ! -- particles js -->
< script src= "js/owl.carousel.min.js" ></script >
< script src= "js/jquery.nice-select.min.js" ></script >
< ! -- slick js -->
< script src= "js/slick.min.js" ></script >
< script src= "js/jquery.counterup.min.js" ></script >
< script src= "js/waypoints.min.js" ></script >
< script src= "js/contact.js" ></script >
< script src= "js/jquery.ajaxchimp.min.js" ></script >
< script src= "js/jquery.form.js" ></script >
< script src= "js/jquery.validate.min.js" ></script >
< script src= "js/mail-script.js" ></script >
< ! -- custom js -->
< script src= "js/custom.js" ></script >
< script src= "js/main.js" ></script >
</body >
</html >
Iohannes 16 de dez. de 2019
E como está a função myFunction(). Testou com console.log?
ASHAMM 16 de dez. de 2019
Já fiz isso! Deu-me estes erros:
Iohannes 16 de dez. de 2019 1 like
Tu não sabe usar o console.log? Então sugiro que dê uma olhada nesse site: W3School - Formas de Saídas em JavaScript . De qualquer forma, poste a função myFunction() para vermos.
ASHAMM 16 de dez. de 2019
Estou a começar ainda no javascript e estou a aprender sozinho por isso agradeço imenso a sua ajuda
function myFunction () {
$ . ajax ({
type : ' GET ' ,
url : ' localhost : 8181 / com . newschecker . demochecker . controller / getDadosViaUrl ' ,
success : function ( data ) {
//DO SOMETHING HERE AFTER YOU GET THE RESPONSE FROM the validate function
document . getElementById ( "res" ). innerHTML = data ;
},
error : function ( jqXHR , textStatus , errorThrown ) {
document . getElementById ( "res" ). innerHTML = "Erro" ;
}
});
}
Iohannes 16 de dez. de 2019
Erro 404 significa “Not Found”, ou seja, o arquivo ou pagina que está tentando acessar não está sendo encontrada.
404 - Not Found
A falha mais conhecida aparece quando a URL pesquisada não corresponde a página alguma. Isso normalmente acontece quando o usuário clica em um link quebrado ou quando o site altera a localização de um conteúdo sem corrigir os links de redirecionamento. Digitar incorretamente o endereço também é uma causa comum desse erro.
O URL está correto? Faça um teste, copie esse seu link e cole na caixa de busca do navegador e veja o que acontece.
Iohannes 16 de dez. de 2019
Dê uma analisada aqui: W3Schools - Ajax com JQuery . Creio que pode te ajudar a resolver de uma maneira mais simples.
ASHAMM 16 de dez. de 2019
O url não encontra nada quando o coloco no navegador, mas o url é o certo por isso não percebo o que possa estar a falhar
rogeriojesussilva 16 de dez. de 2019
VocÊ não mapeou no seu Controller a rota de requisição.
http://zetcode.com/springboot/restcontroller/
Esses três links devem ajudar você. Considero o primeiro link o melhor.
Abs.
