let's try google meet. On Tue, 23 Nov 2021 at 11:39, DJANGO DEVELOPER <[email protected]> wrote:
> can I have you on anydesk or any meeting tool? > > On Tue, Nov 23, 2021 at 11:31 PM Duncan Santiago < > [email protected]> wrote: > >> send me your code then, >> or GitHub repo handle. >> >> On Tue, 23 Nov 2021 at 11:27, DJANGO DEVELOPER <[email protected]> >> wrote: >> >>> 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 >>> <https://groups.google.com/d/msgid/django-users/CAKPY9pkV7%2Bn8Rj6QAoADLgTmEojPgpWZZ%3DWPz4ABKpTkV9HZNw%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%2Bb6S4EF1u%2BPJQM4L8vNEO1jNSJox9LEW73B-8%3DqJfJEw%40mail.gmail.com >> <https://groups.google.com/d/msgid/django-users/CACPcFd%2Bb6S4EF1u%2BPJQM4L8vNEO1jNSJox9LEW73B-8%3DqJfJEw%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/CAKPY9pmy_CooJxoa0jkp_BuaTAfFkHW6hneMVmgyCNrabronJQ%40mail.gmail.com > <https://groups.google.com/d/msgid/django-users/CAKPY9pmy_CooJxoa0jkp_BuaTAfFkHW6hneMVmgyCNrabronJQ%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%2BEquDGn896Pf7aN52WrS5M%2Bnu%3D7rqVj1CH79TL0rbeeA%40mail.gmail.com.
