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.
