AJAX - послать запрос на сервер, получить данные из БД

четверг, 16 января 2014

21:32

AJAX - послать запрос на сервер, получить данные из БД

все записи пользователя в сообществе netcat-na-diary

Создадим таблицу в БД

CREATE TABLE users (
	id INT(11) NOT NULL AUTO_INCREMENT,
        name TINYTEXT NOT NULL,
        email TINYTEXT NOT NULL,
        PRIMARY KEY (id)
);

Файл соединения с БД db.php

<?php 
	$dblocation = "localhost";
	$dbname = "test5";
	$dbuser = "root";
	$dbpasswd = "";
	
	$dbcnx = @mysql_connect($dblocation, $dbuser, $dbpasswd);
	if (!$dbcnx) {
		exit ( "<p>В настоящий момент сервер базы данных недоступен, поэтому корректное отображение страницы невозможно.</p>" );
	}
	
	if ( ! @mysql_select_db($dbname, $dbcnx)) {
		exit ( "<p>В настоящий момент база данных недоступна, поэтому корректное отображение страницы невозможно.</p>" );
	}
?>

Файл get-user.php получает данные из БД и возвращает из запросу

<?php
	if (isset($_GET['id']))
	{
		include ("db.php");	
		$id = $_GET['id'];
		$result = mysql_query("SELECT name, email FROM users WHERE id='$id'", $dbcnx);
		$row = mysql_fetch_row($result);
		if(!empty($row))
		{
			$info = "Имя пользователя: ".$row[0]."<br/>Email: ".$row[1];
		}
		else
		{
			$info = "В базе нет пользователя с таким id";
		}
		echo $info;
	}
?>

Файл index.php, с которого мы отправляем запрос

<!DOCTYPE html>
	<html>
		<head>
			<title>Главная страница</title>
			<sсript type="text/javasсript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sсriрt>
			<sсript>
				$(document).ready(function () {
					$('#button-1').on('click', function () {
						var id = $('#user-id').val();
						$.ajax({
							type: 'GET',
							url: 'get-user.php',
							datatype: "html",
							data: {
								'id': id
							},
							success: function (data) {
								$('#info').html(data);
							}
						});
					});
				});
			</sсriрt>
		</head>
		<body>
			<h2>Главная страница</h2>
			<input name="id" id="user-id" type="text" size="15" />
			<button id="button-1">Получить данные</button>
			<div id="info"></div>
	</html>

Помощь в решении http://stackoverflow.com/questions/21169924/send-ajax-get-request/

Тестовый файл

<?php
	if (isset($_GET['id']))
	{
		$id = $_GET['id'];
		if ( $id == '' )
		{
			unset($id);
		}
		if (empty($id))
		{
			$info = "Пустое значение id";
		}
		else 
		{		
			$id = stripslashes ($id);
			$id = htmlspecialchars ($id);
			$id = trim($id);
			
			if(is_numeric($id) and is_integer($id) and ((int)$id > 0) )
			{
				include ("db.php");	
				$result = mysql_query("SELECT name, email FROM users WHERE id='$id'", $dbcnx);
				$row = mysql_fetch_row($result);
				if(!empty($row))
				{
					$info = "Имя пользователя: ".$row[0]."<br/>Email: ".$row[1];
				}
				else
				{
					$info = "В базе нет пользователя с таким id";
				}
			}
			else 
			{
				$info = "Вы ввели не числовое, не целочисленное или отрицательное значение id";
			}
		}
		echo $info;
	}
?>

@темы: MySQL, PHP, jQuery, AJAX

URL

Поделиться

блииин, ну я совсем этого не понимаю! что это за люди????... нашел Current music: Ляпис Трубецкой - Эта Девчонка все воскрсенье занималась уборкой, до сих пор наприятно б...

когда училась в школе читала в "искусство кино"... утром лежала в постели обнимаясь с телефоном, переодическ... Сегодня у моего друга сын сделал первые шаги. Сам. И эт...

Комментарии

17.01.2014 в 18:23

Teenie-weenie

Houston, we have a problem.

<!DOCTYPE html>
	<html>
		<head>
			<title>Главная страница</title>
			<sсript type="text/javasсript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></sсriрt>
			<sсript>
				$(document).ready(function () {
					$('#button-1').on('click', function () {
						var id = $('#user-id').val();
						$.trim(id);
						var regexp = 
						if (regexp.test(id) && id > 0)
						{
							$.ajax({
								type: 'GET',
								url: 'get-user.php',
								datatype: "html",
								data: {
									'id': id
								},
								success: function (data) {
									showMessage(data);
								}
							});
						}
						else {
							showMessage('Неправильное значение');
						}
					});
					
					function showMessage(data)
					{
						$('#info').html(data);
					}
				});
			</sсriрt>
		</head>
		<body>
			<h2>Главная страница</h2>
			<input name="id" id="user-id" type="text" size="15" />
			<button id="button-1">Получить данные</button>
			<div id="info"></div>
	</html>

URL

Добавить комментарий

Расширенная форма

Редактировать

Использовать аватар

Изображения

Подписаться на новые комментарии


Запомнить

AJAX - послать запрос на сервер, получить данные из БД

Блокнот