1

（login.php）にログインフォームがあります。ajax を介して別の sample.php を呼び出し、sample.php はそれに値を返し、Javascript は php の戻り値に応じて関連するメッセージを表示します。通常の Web ページでは問題なく動作します。しかし、フォームをカラーボックス(test.php)に表示すると。JavaScript/jquery の実行に失敗しました。ajaxformを使用してこれについて少し研究していますが、正確にはどうすればよいですか? さらに調査するためのキーワードをいくつか教えてください:(、私は立ち往生しています。

test.php:

$(".ajax").colorbox();
<a href="" class=ajax>Login</a>

これは私のajax関数です:

function login()
{
hideshow('loading',1);
error(0);

$.ajax({
    type: "POST",
    url: "http://utourpia.me/php/login_submit.php",     
    data: $('#loginForm').serialize(),
    dataType: "json",
    success: function(msg){

        if(!(msg.status))
        {
            error(1,msg.txt);
        }
        else location.replace(msg.txt);

        hideshow('loading',0);
    }
});
}

これは私のjQueryです：

$('#loginForm').submit(function(e) {
            login();
            e.preventDefault(); 
        });

これは私のフォームです：

<form id=loginForm method=post action="">

<label for=email class=email>Email:</label>
<input name=email type=text size=20 maxlength=40/>

<label for="password" class="password">Password:</label>
<input name="password" type="password" size="20" maxlength="40" />

<input class="login" type="submit" name="submit" value="Login" />
</form>

<div id="error"></div>

login_submit.php

<?php
require_once('../lib/connections/db.php');
include('../lib/functions/functions.php');
session_start();
$location_id = $_SESSION['location_id'];

$email = $_POST['email'];

$query = mysql_query('SELECT username FROM users WHERE email = "'.secureInput($email).'"') or die (mysql_error());

        if(mysql_num_rows($query) == 1)
        {
            $row = mysql_fetch_assoc($query);
            $username = $row['username'];
        }

$returnURL1 = 'http://utourpia.me/php/places.php?id='.$location_id.'&username='.$username;
$returnURL2 = 'http://utourpia.me/php/myprofile.php?username='.$username;
$returnURL3 = 'http://utourpia.me';
$returnURL4 = 'http://utourpia.me/php/dreamtrip.php';

//For login

    // we check if everything is filled in and perform checks

    if(!$_POST['email'] || !$_POST['password'])
    {
        die(msg(0,"Email and / or password fields empty!"));
    }

    else
        {
            $res = login($_POST['email'],$_POST['password'],$username);
                if ($res == 1){
                    die(msg(0,"Email and / or password incorrect!"));
                }
                if ($res == 2){
                    die(msg(0,"Sorry! Your account has been suspended!"));
                }
                if ($res == 3){
                    die(msg(0,"Sorry! Your account has not been activated. Please check your email's inbox or spam folder for a link to activate your account."));
                }
                if ($res == 99){

                    if ($_SESSION['login_submit']=="places.php")
                    {
                    echo(msg(1,$returnURL1));
                    }
                    else if ($_SESSION['login_submit']=="myprofile.php")
                    {
                    echo(msg(1,$returnURL2));
                    }
                    else if ($_SESSION['login_submit']=="home.php")
                    {
                    echo(msg(1,$returnURL3));
                    }
                    else if ($_SESSION['login_submit']=="dreamtrip.php")
                    {
                    echo(msg(1,$returnURL4));
                    }
                }
        }

    function msg($status,$txt)
    {
        return '{"status":'.$status.',"txt":"'.$txt.'"}';
    }

?>

4

1 に答える 1

0

  1. フォームタグで最初に変更する必要があるのは、次のとおりです。

    コードの上にのみ書き込みます。メソッドと URL を指定したため、ページが更新されます。

  2. jquery コードを置き換えます。$('#loginForm').submit(function(e) {このコードは に置き換えます$('.login').click(function(e) {。

  3. replaceajax 成功関数でメソッドを使用しているのにエラーが発生するのはなぜですか。他の部分を削除します。

  4. location オブジェクトには replace メソッドがありません。成功時にユーザーにリダイレクトする場合は、location.href="your link";.

これらの変更を行ってから確認してください。

于 2013-07-17T12:24:25.820 に答える