从浏览器向服务器发送数据和回

我是C++开发人员，我还没有真正跟进有关网页了很长一段时间的任何发展。我希望实施这个项目，并将其作为追赶这些技术的目标。我的项目是这样的：从浏览器向服务器发送数据和回

在浏览器中显示一些内容（例如使用画布和WebGL的3D场景的内容），在页面上有一个按钮。点击按钮后，将数据发送到服务器（例如相机位置），在服务器上渲染图像（使用某种离线高质量渲染解决方案），将图像返回到浏览器，最后显示它在画布上。

我相信我可以用WebGl，canvas和HTML 5等简单的东西填补空白。我熟悉这些技巧，我可以学习。我完全失去了使用或需要做的事情的技术，例如将数据发送到服务器，在那里处理它们，并将一些结果发送回客户端。现在我已经在网上做了一些研究，但是那里有很多东西，只是很难知道朝哪个方向发展。他们是吨图书馆，APIs，技术位等

我怀疑我需要使用JavaScript，DOM，HTML5的某种组合...但如果人们之前做过或知道这应该如何工作，可以指向我正确的方向。我真的在寻找一些基本的东西，如果可能的话，不要使用某种第三方API。我不想简单地做一些复杂的事情，发送数据，处理，发回显示。我的目标是理解这些原则，而不是制作一些专业或超级强大的东西。我正在考虑一个教育目标（学习和理解）。

我读到关于REST风格的，但我仍然不能确定这是否是我需要的。真的，如果有人能简单地描述我需要的这个项目的基本技术组件，指向我的文档，教程，例子，给我名字的技术，我应该阅读有关的技术，这将不胜感激。

我认识到这一问题的范围是非常大的（和我应该做我家工作之前，而不是现在有知识的年赶上）。我相信虽然这个问题可能会引起很多人的兴趣。而且我还承诺，我会发布我的发现，以及为什么不是我的工作榜样，当我有一个想法和工作。

谢谢。

来源

2013-09-25 user18490

这听起来非常多如AJAX。你可以并入jQuery？这是使用ajax最简单的方法...否则，JavaScript。 – gibberish

@gibberish，所以会建议AJAX和jQuery的路要走。有没有什么基本的例子可以显示这些库的功能。我的意思是我不是在说如何使用这些库，而是他们所建立的基本原则。理想情况下，我希望自己编写函数来发送/接收/使用服务器，即使它是基本的，在我使用功能更强大，功能更强，速度更快的API之前。 – user18490

不是一个答案，只是建议/想法，包括代码。结构化/格式化的评论。

不确定如何使用C++ /代码他们，但是这仅仅是渲染HTML和执行JavaScript代码的问题。

的要领是：

拥有jQuery的LIB加载。一种方法是：

<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
</head>

使用JavaScript代码块为您的jQuery脚本：

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#mybutton').click(function() { 
      var pic = $('image_selector').val(); 
      $.ajax({ 
       type: "POST", 
       url: "ind.php", 
       data: "img=" + pic 
      }) 
      .done(function(recd) { 
       $('#txtHint').html(recd); 
      }); 
     }); //END mybutton click 

    }); //END document.ready 
</script>

我不知道你怎么会派一个PIC作为变种，或如何构建那，但你得到的基本要点...

在服务器端，它的工作原理是这样的（使用PHP为EG）：

<?php 
    $image = $_POST['img']; 

    //Do something with the received image

其实，现在我想的话，你要发送的图像（这是我没有做过之前），所以我认为你不能像文本或JSON对象那样发送它......你可能需要用文件上传的enctype='multipart/form-data属性来发布它，就像使用表单上传时一样？只是猜测。

无论如何，这并不是为了回答你的问题，只是为了给你一些提示，看看更进一步。

见AJAX的基础知识，这些简单的例子：

A simple example

More complicated example

Populate dropdown 2 based on selection in dropdown 1

来源

2013-09-25 20:30:20 gibberish

这已经非常有用了。非常感谢（弓）。与此同时，我开始阅读更多关于AJAX的内容。从你说的话来看，似乎几乎不可能避免这些位。我会尝试一下。除了发送图像数据（一旦我的基本框架已经处理了文本，我就会知道），那么您可以以这种方式传输多少数据。当然你的带宽有限，但我的问题是“这些协议能够处理大量数据吗？”或者它真的更关心“你处理的最大限度是关于一页文本”？再次感谢你。 – user18490

从浏览器向服务器发送数据和回

回答

相关问题