Redirect to a different page

Technical Topics PyScript
1 
<!DOCTYPE html>

<html>

<head>
  <!-- <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> -->
  <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

<body>
  <div>Your Name</div>
  <input type="text" id="your_name"/>
  <div>Project Name</div>
  <input type="text" id="project_name"/>
  <div>Purpose Name</div>
  <input type="text" id="purpose_name"/>
  <div>Language</div>
  <input type="text" id="language"/>
  <div>Media Path</div>
  <input type="text" id="media_path"/><br>
  <button id="submit-button" type="submit" pys-onClick="my_function">Submit</button>
  <div id="out_your_name"></div>
  <div id="out_project_name"></div>
  <div id="out_purpose_name"></div>
  <div id="out_language"></div>
  <div id="out_media_path"></div>

  <py-script>
    import asyncio
    from js import console, fetch, XMLHttpRequest, Blob
    import json
    
    def my_function(*args, **kwargs):
    
        console.log(f'args: {args}')
        console.log(f'kwargs: {kwargs}')
        
        your_name = Element('your_name').element.value
        project_name = Element('project_name').element.value
        purpose_name = Element('purpose_name').element.value
        language = Element('language').element.value
        media_path = Element('media_path').element.value
        
        pyscript.write('out_your_name', your_name)
        pyscript.write('out_project_name', project_name)
        pyscript.write('out_purpose_name', purpose_name)
        pyscript.write('out_language', language)
        pyscript.write('out_media_path', media_path)
        data = {"your_name": your_name, "project_name": project_name, "purpose_name": purpose_name, "language": language, "media_path": media_path}

        req = XMLHttpRequest.new()
        req.open("POST", "https://39cb9668a5e2.ngrok.io/test_route", False)
        blob = Blob.new([json.dumps(data)], {type : 'application/json'})
        req.send(blob)
        a = (req.response)
        console.log(f'Response: {a}')
        

    </py-script>

  </body>
</html>

I want to redirect to a different page after receiving a success response from an API https://39cb9668a5e2.ngrok.io/test_route

2

Use code similar to the following in Python:

from js import window

window.location.href = “https://here.example.com”

2 Likes
3

Thanks! That solved my problem

2 Likes