sorry if you get offended because I need a solution. a working solution. I am not familiar with javascript. so getting a lot of issues
On Tue, Nov 23, 2021 at 10:38 PM Duncan Santiago <[email protected]> wrote: > your page also reloads and results may not be displayed on your frontend, > just add this lines on your onclick listerner > > function(e){ //notice the e parameter, it is the event parameter. > e.preventDefault() > .... your code here. > > } > > or you can just paste this on your script section > > > (function () { > var output = document.getElementById('output'); > document.getElementById('post').onclick = function (e) { > e.preventDefault() > var data = document.getElementById('data').value; > > axios.post('http://127.0.0.1:8000/predict/', JSON.parse(data)) > .then(function (res) { > output.className = 'container'; > output.innerHTML = res.data; > }) > .catch(function (err) { > output.className = 'container text-danger'; > output.innerHTML = err.message; > }); > }; > })(); > > On Tue, 23 Nov 2021 at 10:34, Duncan Santiago <[email protected]> > wrote: > >> do a demo, enter the URL on the text area and click on the post button. >> Then send me the logs on the terminal running Django and also open the >> console and send the output, >> >> On Tue, 23 Nov 2021 at 10:21, DJANGO DEVELOPER <[email protected]> >> wrote: >> >>> okay let me explain. >>> I have trained models which tells us that which website is legitimate or >>> which website is not legitimate. I have integrated that model with my >>> django web app using rest api. >>> I tested the API on postman and working. >>> now I want to get the result on front end using HTML CSS and javascript. >>> so how can I achieve it? >>> >>> On Tue, Nov 23, 2021 at 10:16 PM Duncan Santiago < >>> [email protected]> wrote: >>> >>>> hello, am not sure what the question is. Kindly elaborate. >>>> >>>> On Tue, 23 Nov 2021 at 09:19, DJANGO DEVELOPER <[email protected]> >>>> wrote: >>>> >>>>> I am working on a django based project in which I have integrated ML >>>>> trained models to check if a https url is legitimate or not. for this I >>>>> need javascript or ajax to call a rest api for my form in which I want to >>>>> send a post request so that I can check if a https url is legitimate or >>>>> not. >>>>> *NOTE: My code is running successfully and giving correct answers on >>>>> postman.* so just want to integrate it with my HTML form. >>>>> *My work:* >>>>> *form.html:* >>>>> <!doctype html> >>>>> <html lang="en"> >>>>> <head> >>>>> <!-- Required meta tags --> >>>>> <meta charset="utf-8"> >>>>> <meta name="viewport" content="width=device-width, >>>>> initial-scale=1"> >>>>> >>>>> <!-- Bootstrap CSS --> >>>>> <link href=" >>>>> https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"; >>>>> rel="stylesheet" >>>>> integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" >>>>> crossorigin="anonymous"> >>>>> >>>>> <title>SITE URL Form</title> >>>>> </head> >>>>> <body class="container"> >>>>> <form role="form" class="form" onsubmit="return false;"> >>>>> <div class="form-group"> >>>>> <label for="data">SITE URL</label> >>>>> <textarea id="data" class="form-control" rows="5"></textarea> >>>>> </div> >>>>> <button id="post" type="button" class="btn >>>>> btn-primary">POST</button> >>>>> </form> >>>>> >>>>> <div id="output" class="container"></div> >>>>> >>>>> <script src="/axios.min.js"></script> >>>>> <script> >>>>> (function () { >>>>> var output = document.getElementById('output'); >>>>> document.getElementById('post').onclick = function () { >>>>> var data = document.getElementById('data').value; >>>>> >>>>> axios.post('http://127.0.0.1:8000/predict/', >>>>> JSON.parse(data)) >>>>> .then(function (res) { >>>>> output.className = 'container'; >>>>> output.innerHTML = res.data; >>>>> }) >>>>> .catch(function (err) { >>>>> output.className = 'container text-danger'; >>>>> output.innerHTML = err.message; >>>>> }); >>>>> }; >>>>> })(); >>>>> </script> >>>>> >>>>> <!-- Optional JavaScript; choose one of the two! --> >>>>> >>>>> <!-- Option 1: Bootstrap Bundle with Popper --> >>>>> <script src=" >>>>> https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"; >>>>> integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" >>>>> crossorigin="anonymous"></script> >>>>> >>>>> <!-- Option 2: Separate Popper and Bootstrap JS --> >>>>> <!-- >>>>> <script src=" >>>>> https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"; >>>>> integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" >>>>> crossorigin="anonymous"></script> >>>>> <script src=" >>>>> https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"; >>>>> integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" >>>>> crossorigin="anonymous"></script> >>>>> --> >>>>> </body> >>>>> </html> >>>>> >>>>> *myapp/urls.py:* >>>>> path('form/', form, name="form"), >>>>> path('predict/', predict, name='predict') >>>>> *this is the response I am returning:* >>>>> if list(model.predict([test]))[0] == 1: >>>>> return JsonResponse({"Response":"Legitimate"}) >>>>> else: >>>>> return JsonResponse({"Response":"Phishing or fake"}) >>>>> >>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "Django users" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to [email protected]. >>>>> To view this discussion on the web visit >>>>> https://groups.google.com/d/msgid/django-users/e81cf4f0-1208-4623-97f9-4b88f01d67b3n%40googlegroups.com >>>>> <https://groups.google.com/d/msgid/django-users/e81cf4f0-1208-4623-97f9-4b88f01d67b3n%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>> . >>>>> >>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Django users" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> To view this discussion on the web visit >>>> https://groups.google.com/d/msgid/django-users/CACPcFdJ11YDrrpcCChwMcufz4CqcySacbKVQ-OtvEAVZEhK%3DBg%40mail.gmail.com >>>> <https://groups.google.com/d/msgid/django-users/CACPcFdJ11YDrrpcCChwMcufz4CqcySacbKVQ-OtvEAVZEhK%3DBg%40mail.gmail.com?utm_medium=email&utm_source=footer> >>>> . >>>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Django users" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/django-users/CAKPY9pnmOXaLFnBRE4Eqi52yY-E%2BP1ih7arBDbxCqru4a-ZXxA%40mail.gmail.com >>> <https://groups.google.com/d/msgid/django-users/CAKPY9pnmOXaLFnBRE4Eqi52yY-E%2BP1ih7arBDbxCqru4a-ZXxA%40mail.gmail.com?utm_medium=email&utm_source=footer> >>> . >>> >> -- > You received this message because you are subscribed to the Google Groups > "Django users" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/django-users/CACPcFd%2BeW2Qc%3DRM8%3Dz8vJOK%3D2GcAd5B48fOOME3dt8RtZyqAYg%40mail.gmail.com > <https://groups.google.com/d/msgid/django-users/CACPcFd%2BeW2Qc%3DRM8%3Dz8vJOK%3D2GcAd5B48fOOME3dt8RtZyqAYg%40mail.gmail.com?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "Django users" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAKPY9pkV7%2Bn8Rj6QAoADLgTmEojPgpWZZ%3DWPz4ABKpTkV9HZNw%40mail.gmail.com.
