Из js и html кода реализовать php запрос к базе данных

@esenbek · Регистрация: 13.05.2013

Студворк — интернет-сервис помощи студентам

Добрый день дорогие форумчане.
Извиняюсь если создал не в том разделе.
Можете помочь пожалуйста, мне дали задание из js и html кода реализовать php запрос к базе данным.
как я понял js работает через json_encode и проверяет логин + почту на истину/ложь через БД.
потом происходит создание колонки в бд через проверку капчи

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function SendRegisterRequest(el){
    el_txt = $(el).text()
    $(el).text('lols')
    $(el).attr({
        'disabled':'disabled'
    })
    $('.errCont').hide()
    $.ajax({
        url:'/ajax/register.php',
        cache: false,
        type: 'POST',
        data: {
            'register_username': $('#_register-username').val(),
            'register_email': $('#_register-email').val(),
            'register_captcha': $('#_register-captcha').val()
        },
        dataType: 'JSON',
      //  timeout: 10000,
        success:function(data, textStatus, jqXHR){
            if(data.redirect != ''){
                window.location.href = data.redirect
                return;
            }
            $(el).text(el_txt).removeAttr('disabled')
            if(data.errors){
                $('#register-captcha-image').css({
                    'background-image':"url('/captcha.php?"+Math.random()+"')"
                })
                $('#_register-captcha').val('')
            }
            if(data.errors.username){
                $('#username-error-cont').text(data.errors.username).show()
            }
            if(data.errors.email){
                $('#email-error-cont').text(data.errors.email).show()
            }
            if(data.errors.captcha){
                $('#captcha-error-cont').text(data.errors.captcha).show()
            }
            if(data.errors.other){
                $('.c-other-error-cont').text(data.errors.other).show();
            }
        },
        error:function(jqXHR, textStatus, errorThrown){
            $(el).text(el_txt).removeAttr('disabled')
            console.log(jqXHR)
            alert(textStatus)
        }
    });

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div style="margin-top:20px;display:table;" class="rnd10 cont">
    <div style="display: table-row">
    <div class="tblcell"><input id="_register-username" type="text" style="width:350px;height:70px;" class="text rndB" spellcheck="false" /></div>
    <div class="tblcell"><span class="desc rndB"><tt style="font-size:2.5em;">логин</tt></span></div>
    <div style="position:relative;">
        <div style="position:absolute;top:70px;left:-100px;padding:7px;" class="rndB errCont" id="username-error-cont"></div>
    </div>
    </div>
</div>
<div style="margin-top:20px;display:table;" class="rnd10 cont">
    <div style="display: table-row">
    <div class="tblcell"><input id="_register-email" type="text" style="width:450px;height:70px;" class="text rndB" spellcheck="false" /></div>
    <div class="tblcell"><span class="desc rndB"><tt style="font-size:2.5em;">почта</tt></span></div>
    <div style="position:relative;">
        <div style="position:absolute;top:70px;left:-100px;padding:7px;" class="rndB errCont" id="email-error-cont"></div>
    </div>
    </div>
</div>
<div style="margin-top:20px;display:table;" class="rnd10 cont">
    <div style="display: table-row">
    <div class="tblcell">
        <div style="border:1px solid #fff;width:230px;height:80px;background: no-repeat url('/captcha.php');cursor:pointer;" class="rndB" id="register-captcha-image" ></div>
    </div>
    <div class="tblcell"><input id="_register-captcha" type="text" style="width:150px;height:70px;margin-left:10px;" class="text rndB" spellcheck="false" /></div>
    <div class="tblcell"><span class="desc rndB"><tt style="font-size:2.5em;">код</tt></span></div>
    <div style="position:relative;">
        <div style="position:absolute;top:70px;left:-65px;padding:7px;" class="rndB errCont" id="captcha-error-cont"></div>
    </div>
    </div>
    <div style="display: table-row;">
    <div class="tblcell"><span id="register-captcha-refresh" style="margin-left:20px;text-decoration:none;border-bottom:1px dashed #f1c100;color:#f1c100;cursor: pointer;">обновить</span></div>
    </div>
</div>
<div style="margin-top:20px;">
    <button style="width:300px;height:60px;font:bold 2em;" name="refresh"  id="_register-submit" >Отправить</button>
</div>

Вот капчу написал

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 session_start();
    $sdvig = 5;
    $b = 6;
    $image = imagecreatetruecolor(230, 80);
    $white = imagecolorallocate($image, 127, 70, 44);
 
    $black = imagecolorallocate($image, 0, 0, 0);
    $color = imagecolorallocate($image, 255, 255, 0);
    imagefilledrectangle($image,0,0,399,99,$white);
    $string = "";
    for ($i = 0; $i < $b; $i++) {
    $bykva = chr(rand(97, 122));
    $sdvig += 30;
    imagettftext ($image, 30, rand(-25, 15), $sdvig, 48, $color, "verdana.ttf", $bykva);
    $string .= $bykva;
    imageline($image, rand(0, 25), rand(0, 120), rand(100, 150), rand(0, 60), $black);
    }
    $_SESSION['rand_code'] = $string;
    header("Content-type: image/png");
    imagepng($image);

Примерно реализовал таким способом

PHP
1
2
3
4
5
6
if(isset($_POST['refresh'])) // взял refresh , потому что кнопка отправить name=''refresh'
{
}
else
{
//наверно тут нужно вставлять коды из js ?

@esenbek · 28.04.2020, 12:26 **[ТС]**

up!

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@esenbek 0 / 1 / 4 Регистрация: 13.05.2013 Сообщений: 673
	28.04.2020, 12:26 [ТС]
	up! 0