Как добавить и удалить с помощью ajax или jquery - PullRequest
1 голос
/ 24 мая 2011

Я очень новичок в ajax и jquery, но я знаю несколько php. У меня есть страница, где я узнаю подробности студентов. Все, что я хочу, это когда я нажимаю кнопку «Добавить», ученик будет вставлен в платную таблицу, и имя ученика появится на странице. Рядом с именем студента будет кнопка удаления, и она должна удалить студента, если я нажму на нее.

это будет трудно сделать? Вы знаете какие-нибудь образцы в интернете?

Каким должен быть мой код ajax в соответствии с моими страницами?

это страница моего студента

<?
include ("connect.php");

$id = trim($_GET['id']);

 $result = mysql_query("SELECT * FROM students
 WHERE students_id='$id'");
 while($row = mysql_fetch_array($result))
 {
 $studentname = $row['students_name'];
 }

?>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
</head>

<body>

        <form method="post" name="form">
            <input type="hidden" id="studentname" name="studentname" value="<? echo $studentname; ?>" />
            <input type="submit" id="addme" name="addme" value="Add <? echo $studentname; ?>" />
        </form>


</body>
</html>

это моя страница добавления

<?
include ("connect.php");

if (isset($_POST['addme'])) 
{

 $studentname = $_POST["studentname"];

 mysql_query("INSERT INTO paid SET paid_name = '$studentname'");

 mysql_close($con);

}
?>

Это моя страница удаления

<?
include ("connect.php");

  $delete = $_POST["delete"];

  mysql_query("DELETE FROM paid WHERE paid_id='$delete'");
  mysql_close($con);

?>

Это моя страница шоу:

<?

include ("connect.php");

  $result = mysql_query("SELECT * FROM paid");
  while($row = mysql_fetch_array($result))
   {
   echo $row['paid_name'];
   echo "<br>";
   }

  mysql_close($con);



?>

Это моя база данных:

--
-- Table structure for table `students`
--

CREATE TABLE IF NOT EXISTS `students` (
  `students_id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `students_name` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`students_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

-- 
-- Dumping data for table `students`
-- 

INSERT INTO `students` VALUES (1, 'David');
INSERT INTO `students` VALUES (2, 'Lisa');
INSERT INTO `students` VALUES (3, 'Jack');
INSERT INTO `students` VALUES (4, 'Michelle');


CREATE TABLE IF NOT EXISTS `paid` (
  `paid_id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `paid_name` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`paid_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

-- 
-- Dumping data for table `paid`
-- 

INSERT INTO `paid` VALUES (1, 'Michelle');
INSERT INTO `paid` VALUES (2, 'Lisa');
ОБНОВЛЕНО #### Добавлены мои страницы.

Ответы [ 2 ]

2 голосов
/ 24 мая 2011

Я думаю, что было бы проще всего сначала выполнить все функции в PHP.Затем добавьте jQuery / Ajax / Js сверху.

Однако, если вы все еще хотите сделать это таким образом, я рекомендую прочитать это: http://api.jquery.com/jQuery.ajax/

Тогда я бы сделал три страницы:

  1. Указатель (главная страница)
  2. Добавить страницу ученика (вызывается с использованием ajax, поэтому дизайн не требуется)
  3. Удалить страницу ученика (также вызывается с помощью ajax, поэтомудизайн не нужен)

Тогда бы я добавил, чтобы страница add_student и страница delete_student принимали аргументы POST или GET.

Вам также понадобятся 2 функции JS:

  1. Удалите студента, принимает аргумент student_id, затем вызывает страницу delete_student с помощью POST или GET через jQuery + ajax
  2. Создайте студента, как описано выше, но с созданием его вместо этого.

Кроме того, вам нужно использовать jQuery для добавления / удаления пользователя со страницы (не только в базе данных), в противном случае вам придется постоянно обновлять страницу.

Имеет ли это смысл?

В противном случае, не стесняйтесь спрашивать!:)

0 голосов
/ 24 мая 2011

Я рекомендую вам проверить jQuery . Это значительно упростит процесс создания ajax-скрипта.

Вы прикрепляете события кликов к ссылкам добавления и удаления. В этих функциях событий вы запускаете функцию jQuery ajax. Проверьте результат в обратном вызове ajax и решите, следует ли изменить html-страницу (добавление или удаление учащегося)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...