Отправка данных из браузера на сервер и обратно

Я разработчик C++, и я не очень долго следил за развитием, связанным с Интернетом. У меня есть этот проект, который я хотел бы реализовать, действительно как цель раздобыть эти технологии. Мой проект таков:Отправка данных из браузера на сервер и обратно

Отображение некоторого содержимого в браузере (например, содержание 3D-сцены с использованием холста и WebGL), есть кнопка на странице. Когда кнопка нажата, отправьте данные на сервер (например, положение камеры), визуализируйте изображение на сервере (используя какое-то автономное высококачественное рендеринговое решение), верните изображение обратно в browswer и, наконец, покажите его в холсте.

Я считаю, что могу заполнить пробелы простыми вещами, такими как WebGl, canvas и HTML 5. Я знаком с некоторыми из этих методов, и я могу учиться. Там, где я полностью потерялся, это технология, которая используется или необходима для выполнения таких действий, как отправка данных на сервер, их обработка там и отправка некоторого результата клиенту. Теперь я сделал некоторые исследования в Интернете, но, тем не менее, это ТАК ДАЛЬНЕЙШИЙ СТУДЕНТ, что ДЕЙСТВИТЕЛЬНО трудно знать, в каком направлении. Они представляют собой тонны библиотек, API, бит технологий и т. Д.

Я подозреваю, что мне нужно использовать некоторую комбинацию JavaScript, DOM, HTML5 ..., но было бы признательно, если бы люди, сделавшие это раньше или зная, как это должно быть работа, могла бы указать мне в правильном направлении. Я действительно ищу что-то основное, и ЕСЛИ не возможно использовать какие-то сторонние API. Я не хочу делать что-то сложное просто, отправлять данные, обрабатывать, отправлять назад для отображения. Моя цель - понять принципы, а не делать что-то профессиональное или сверхмощное. Я делаю это с учетом образовательной цели (чтобы узнать и понять).

Я читал о RESTFul, но я до сих пор не уверен, что это то, что мне нужно. Действительно, если кто-то может просто описать мне основные технологические компоненты, которые мне нужны для этого проекта, укажите мне документы, учебные пособия, примеры, дайте мне название для кусочков технологий, о которых я должен прочитать, было бы весьма полезно.

Я понимаю, что объем этого вопроса очень велик (и что я должен был сделать свою домашнюю работу раньше, чем вместо того, чтобы иметь годы знания, чтобы догнать). Я считаю, что этот вопрос может представлять большой интерес для многих. И я также обещаю, что я опубликую свои выводы и почему не мой рабочий пример, когда я разобрался и работал.

спасибо.

источник

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>

Используйте яваскрипт блок коды для 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>

Я не знаю, как бы вы отправить ПОС как вар, или как структура это, но вы получите основной смысл ...

На стороне сервера, то как это работает (с использованием 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

источник

2013-09-25 20:30:20 gibberish

Это уже очень полезно , Большое спасибо (лук). Тем временем я начал читать больше об AJAX. Из того, что вы говорите, вряд ли возможно избежать этих бит. Я попробую. Помимо отправки данных изображения (я выясню это, как только у меня будет базовая структура, работающая с текстом), сколько данных вы можете передать таким образом. Конечно, ограниченная пропускная способность, но мои вопросы: «Эти протоколы способны обрабатывать много данных?» или это действительно больше о «максимальном, с чем вы имеете дело, о странице текста»? спасибо еще раз. – user18490

Отправка данных из браузера на сервер и обратно

ответ

Смежные вопросы