ajax応答の結果をhtml要素に配置することに問題があります。これがデータベースに挿入している私のphpです。挿入部分は機能しますが、結果をdivに取得できません。
include('konekcija.php');
if ($_POST['form_submitted'] = 1) {
$aktKod = mt_rand() . mt_rand() . mt_rand() . mt_rand() . mt_rand();
$sifra = $_POST['password'];
$korIme = $_POST['username'];
$email = $_POST['email'];
$upit = "INSERT INTO korisnici(Username,Password,Email,Status,AktivacioniBroj,Uloga)
VALUES ('$korIme','$sifra','$email','verify',$aktKod,'user') ";
if(mysql_query($upit)) { $return['success'] = "Uspesna registracija"; }
else { $return['error'] = "neuspesna registracija"; }
echo json_encode($return);
mysql_close($conn); }
Jqueryコード:
$(document).ready(function() {
$('#prijava').click(function() {
$.ajax({
url: "registracija.php",
type: "POST",
dataType:"json",
data: {form_submitted:1, username: $('#user').val(), password: $('#pass').val(), email: $('#email').val()},
succes: function(data) { $('#errorCol').html(data.success); }
}); }); });
そしてhtmlの私のフォーム:
<form method="POST" name="register" action="" onsubmit="return false">
<table id="register">
<tr>
<td style="padding-bottom:30px; padding-right:20px;"><span style=" font-size:14px; color:#666;">Korisnicko Ime:</span></td>
<td><input id="user" type="text" name="username" /></td>
</tr>
<tr>
<td style="padding-bottom:30px; padding-right:20px;"><span style=" font-size:14px; color:#666;">Sifra:</span></td>
<td> <input id="pass" type="password" name="password" /></td>
</tr>
<tr>
<td style="padding-bottom:30px; padding-right:20px;"><span style=" font-size:14px; color:#666;">Ponovite Sifru:</span></td>
<td> <input id="pass2" type="password" name="password" /></td>
</tr>
<tr>
<td style="padding-bottom:30px;"><span style=" font-size:14px; color:#666;">Email:</span></td>
<td><input id="email" type="text" name="email" /> <input type="hidden" name="form_submitted" value="1"/></td>
</tr>
<tr>
<td style="padding-bottom:30px;" colspan="2" align="center"><input id="prijava" type="submit" value="Prijavi" /></td>
</tr>
<tr>
<td id="errorCol" colspan="2" align="center"></td>
</tr>
</table>
</form>
そのため、データベースにデータを挿入しますが、IDが「errorCol」の要素に応答を表示する必要がある部分は機能せず、空のままになります。json配列を返そうとしました。