Вставьте данные в базу данных MySQL с помощью javascript/AJAX

Question

Я сделал очень простую страницу с помощью API Google Maps с несколькими полями, в которых пользователи собирают некоторые данные. Это выглядит следующим образом -

http://aiworker2.usask.ca/marker_field_db.html

То, что я хочу сделать, это хранить данные в базе данных MySQL с помощью JavaScript/Ajax. Я нашел несколько примеров, которые использовали JQuery. Я очень новичок в этой платформе javascript/Ajax/Jquery. Теперь мой вопрос:

1. Возможно ли вставить данные в базу данных MySQL без использования JQuery?
2. Может ли кто-нибудь отправить ссылку на простой пример или учебник для решения проблемы?

Заранее спасибо.

Answer 1

Ваш JavaScript работает на компьютере (в браузере). Ваша база данных MySQL существует на сервере.

Вкратце, JavaScript на стороне клиента не может установить прямое соединение с MySQL. Вам нужно сделать запрос AJAX на сервер, который запускает скрипт, который взаимодействует с MySQL. Сценарий может быть написан на любом языке с библиотекой MySQL.

Вот пример, где сделан запрос AJAX, который вызывает PHP скрипт на сервере, который, в свою очередь, захватывает данные из базы данных MySQL и возвращают результаты клиента:

http://www.w3schools.com/PHP/php_ajax_database.asp

Answer 2

Вы можете отправить запрос GET сценарию сервера с помощью AJAX:

http://www.javascriptkit.com/dhtmltutors/ajaxgetpost.shtml

Answer 3

Можно ли вставить данные в базу данных MySQL без использования JQuery?

Да.
Это говорит о том, что jQuery помогает вам справиться с Ajax (и совместимость с кросс-браузером), поэтому я все равно буду считать это.

Может ли кто-нибудь отправить ссылку на простой пример или учебное пособие для решения проблемы?

Любой учебник Ajax сделает это (например, https://developer.mozilla.org/en/AJAX). Вам просто нужно узнать, как отправлять данные на серверную сторону (как POST или GET запрос). Тогда это просто PHP и MySQL.

Answer 4

Вы можете подключиться к базе данных MySQL через JavaScript с помощью ActivexObject. Пример:

var conn = new ActiveXObject("ADODB.Connection"); 
var connStr = "Provider=SQLOLEDB;Server=mysite;Database=Northwind;User Id=MyId;Password=123aBc"; 
conn.open(connStr);