Сохранения прилагаемых элементов в базу данных

Question

Я сделал очень простой список покупок с JQuery здесь есть код:

$(document).ready(function(){ 
$('.project-btn').click(function(e){ 
e.preventDefault(); 

var project = $('.project-val').val(); 

$('<li></li>').addClass(project).text(project).appendTo('.project-list'); 

}); 
}); 

http://jsfiddle.net/DQxE7/ все прекрасно работает, однако, когда я перезагрузить страницу все, что я прилагаемый ухожу, , Я хочу сохранить прикрепленный элемент, поэтому, если кто-то еще отправляется на сайт, они могут добавить то, что я добавил в список.

Как бы сохранить эту информацию в базе данных с помощью php или mysqli? Могу ли я сохранить элемент в виде строки, а затем переписать эту строку, хотя PHP?

Я искал google, но у меня ничего нет, поэтому я спрашиваю об этом здесь.

Мне не нужен код, как сделать, как это сделать, спасибо!

Answer 1

$(document).ready(function(){ 
$('.project-btn').click(function(e){ 
e.preventDefault(); 

var project = $('.project-val').val(); 

$('<li></li>').addClass(project).text(project).appendTo('.project-list'); 

var elem={}; 
elem.str='<li class="'+project+'">'+project+'</li>'; 

$.ajax({ 

url: 'path/to/your/phpscript.php', 
data: elem, 
type: 'POST', 
success: function(response) 
{ 
    //do whatever you like 
} 

})//end of ajax call 

}); 
}); 

phpscript.php

<?php 

define('DB_NAME', 'your schema/database name'); 
define('DB_USER', 'your db user name'); 
define('DB_PASSWORD','password'); 
define('DB_HOST', 'localhost'); 

$link=mysqli_connect(DB_HOST,DB_USER,DB_PASSWORD); 

if(!$link) 
{ 
die('Could not connect: '.mysqli_error()); 
} 

    $db_selected= mysqli_select_db($link,DB_NAME); 

if(!$db_selected) 
{ 
    die('Cant use : '.mysqli_error()); 
} 

$sql="insert into yourtable values('$_POST[str]')"; 

mysqli_query($link,$sql); 

mysqli_close($link); 

    ?> 

Answer 2

У вас может быть таблица в базе данных Project. Каждый раз, когда вы добавляете вещи в свой список проектов, вы также отправляете Ajax подробную информацию о «проекте» в вашу базу данных.

Затем каждый раз, когда ваши загрузки страниц делают запрос Ajax на ваш сервер и получают строки таблицы Project. Затем вы можете использовать jQuery .each (http://api.jquery.com/jQuery.each/) и построить свой DOM, чтобы кто бы ни и когда кто-либо открывал ваш сайт, он будет обновлен.

Надеюсь, это поможет!

Answer 3

Сохранение полного HTML для чего-то, как тривиальный, и легко достичь не может быть действительно хорошей идеей.

Что бы я сделал, сохраните все проекты в «списке проектов» в sql db, а затем заполните список, считывающий значения из db. Когда вы нажимаете кнопку, вы можете вставить новое значение в db через Ajax, а затем в зависимости от возвращаемого значения определить, была ли вставка успешной или нет, а затем создать элемент на стороне клиента. Другие пользователи, которые используют эту страницу, все равно прочитают список из таблицы, чтобы заполнить свою версию списков, поэтому она также будет обновлена ​​для их конца.