Javascript 在Python内部用Html实现Python df2=pd.DataFrame（np.random.randn（5,10））.to_html（） myPage=”“” 网站 "" 1. 2. 3. 4. 走！函数showText（）{ var value=document.getElementById（'options'）.value； document.getElementById（'show'）.innerHTML=“您选择了”+值； document.getElementById（'show'）.style.display=“block”； } """ 返回HttpResponse（myPage）_Javascript_Jquery_Python_Ajax_Django

Javascript 在Python内部用Html实现Python df2=pd.DataFrame（np.random.randn（5,10））.to_html（） myPage=”“” 网站 "" 1. 2. 3. 4. 走！函数showText（）{ var value=document.getElementById（'options'）.value； document.getElementById（'show'）.innerHTML=“您选择了”+值； document.getElementById（'show'）.style.display=“block”； } """ 返回HttpResponse（myPage）

javascript jquery python ajax django

Javascript 在Python内部用Html实现Python df2=pd.DataFrame（np.random.randn（5,10））.to_html（） myPage=”“” 网站 "" 1. 2. 3. 4. 走！函数showText（）{ var value=document.getElementById（'options'）.value； document.getElementById（'show'）.innerHTML=“您选择了”+值； document.getElementById（'show'）.style.display=“block”； } """ 返回HttpResponse（myPage）,javascript,jquery,python,ajax,django,Javascript,Jquery,Python,Ajax,Django,这是我现在的代码。它使用Django在本地服务器上运行，它所做的只是显示一个下拉菜单，当我选择一个选项时，会显示一个块，上面写着“您选择了这个选项”。我想要的是，当我选择一个下拉选项并点击按钮时，它将返回我一开始创建的数据帧。我认为这可能必须使用ajax和jquery来完成，但我对此一无所知。我一直在尝试阅读它，但我不知道如何实现将python和javascript联系在一起的东西。Django操作服务器端，因此您想使用Django（或python）进行的任何计算都必须在服务器上完成。然后，服务

这是我现在的代码。它使用Django在本地服务器上运行，它所做的只是显示一个下拉菜单，当我选择一个选项时，会显示一个块，上面写着“您选择了这个选项”。我想要的是，当我选择一个下拉选项并点击按钮时，它将返回我一开始创建的数据帧。我认为这可能必须使用ajax和jquery来完成，但我对此一无所知。我一直在尝试阅读它，但我不知道如何实现将python和javascript联系在一起的东西。

Django操作服务器端，因此您想使用Django（或python）进行的任何计算都必须在服务器上完成。然后，服务器将消息（请求和响应）来回传递给客户端（即浏览器）。如果您想向Django返回某种类型的数据，则必须使用表单通过POST（请求）提交信息，或者需要使用Ajax、JQuery。如果Django从客户端接收到POST请求，它可以在

request.POST['myinteger']

处访问数据，并可以使用该整数执行一些计算，然后返回另一个HTTPResponse

记住，Django只能查看服务器上的内容并与之交互。一旦通过互联网发送，它就无法控制。这就是Ajax/JQuery等的作用所在。他们可以在客户端操作数据（浏览器在加载页面时下载JQuery）。要来回发送数据，您需要依靠发送请求和响应。即使使用RESTful API，这也是准确的

我希望这个解释能有所帮助

df2 = pd.DataFrame(np.random.randn(5, 10)).to_html()

  myPage = """
          <html>
            <body>
              <h2> Website </h2>
              <form action="/helloworld" method="get">
              <select id = "options">
                <option value="">""</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
              </select>
              </form>
              <button type="button" onclick="showText()">Go!</button>
              <div id="show" style="display:none;"></div>
            <script>

            function showText(){
              var value = document.getElementById('options').value;
                document.getElementById('show').innerHTML = "you chose " + value;
                document.getElementById('show').style.display = "block";
              }
            </script>
            </body>
          </html>"""
return HttpResponse(myPage)