Question

我是C ++开发人员，很长一段时间我没有真正跟进任何与Web相关的开发。我有这个项目我想实现，真正的目标是赶上这些技术。我的项目是：

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

我相信我可以用简单的东西填补空白，例如WebGl，canvas和HTML 5.我熟悉其中的一些技巧，我可以学习。我完全迷失的地方是使用或需要的技术，例如将数据发送到服务器，在那里处理它们，以及将一些结果发送回客户端。现在我已经在网上做了一些研究，但是那里有很多东西，真的很难知道朝哪个方向发展。它们有大量的库，API，技术等等。

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

我读到了关于RESTFul但我仍然不确定这是否是我需要的。真的，如果有人可以简单地描述我这个项目所需的基本技术组件，请指出文档，教程，示例，给我一些我应该阅读的技术的名称，我将不胜感激。

我意识到这个问题的范围非常大（我之前应该完成我的家庭工作，而不是现在有多年的知识来赶上）。我相信这个问题对很多人来说都很有意义。而且我也保证会发布我的调查结果，为什么不是我的工作实例，当我找到一个想出来的工作时。

谢谢。

Answer 1

不是回答，只是包含代码的建议/想法。结构化/格式化的评论。

不确定如何在C ++中使用/编码它们，但这只是渲染HTML和实现javascript代码的问题。

要点是：

加载了jQuery lib。一种方法是：

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

为jQuery脚本使用javascript代码块：

<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>

我不知道你将如何发送图片作为var，或者如何构建它，但你得到了基本的要点...

在服务器端，它的工作原理如下（例如使用PHP）：

<?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

将数据从浏览器发送到服务器并返回

1 个答案: