0

ajaxを使用して動的に更新されるページがあり、フォームが動的に読み込まれ、送信ボタンがクリックされると、別のページが動的に読み込まれます。これを行うときにPOST変数にアクセスするにはどうすればよいですか？$_POST['variable']運が悪かったので試してみました。

ajaxloader.js

register-form.php

<?php
session_start();
if( isset($_SESSION['ERRMSG_ARR']) && is_array($_SESSION['ERRMSG_ARR']) && count($_SESSION['ERRMSG_ARR']) >0 ) {
    echo '<ul class="err">';
    foreach($_SESSION['ERRMSG_ARR'] as $msg) {
        echo '<li>',$msg,'</li>'; 
    }
    echo '</ul>';
    unset($_SESSION['ERRMSG_ARR']);
}
?>
<form id="loginForm" name="loginForm" method="post" action="javascript:ajaxpage('account/register-exec.php', 'content');">
  <table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
  <th>First Name </th>
  <td><input name="firstName" type="text" class="textfield" id="firstName" /></td>
</tr>
<tr>
  <th>Last Name </th>
  <td><input name="lastName" type="text" class="textfield" id="lastName" /></td>
</tr>
<tr>
  <th>Username</th>
  <td><input name="username" type="text" class="textfield" id="username" /></td>
</tr>
<tr>
  <th>Password</th>
  <td><input name="password" type="password" class="textfield" id="password" /></td>
</tr>
<tr>
  <th>Confirm Password </th>
  <td><input name="cpassword" type="password" class="textfield" id="cpassword" /></td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td><input type="submit" name="Submit" value="Register" /></td>
</tr>
</table>
</form>

register-exec.php

<?php
//Start session
session_start();

//Include database connection details
require_once('config.php');

//Array to store validation errors
$errmsg_arr = array();

//Validation error flag
$errflag = false;

//Connect to mysql server
$link = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD);
if(!$link) {
    die('Failed to connect to server: ' . mysql_error());
}

//Select database
$db = mysql_select_db(DB_DATABASE);
if(!$db) {
    die("Unable to select database");
}

//Function to sanitize values received from the form. Prevents SQL injection
function clean($str) {
    $str = @trim($str);
    if(get_magic_quotes_gpc()) {
        $str = stripslashes($str);
    }
    return mysql_real_escape_string($str);
}

//Sanitize the POST values
$firstName = clean($_POST['firstName']);
$lastName = clean($_POST['lastName']);
$username = clean($_POST['username']);
$password = clean($_POST['password']);
$cpassword = clean($_POST['cpassword']);

//Input Validations
if($firstName == '') {
    $errmsg_arr[] = 'First name missing';
    $errflag = true;
}
if($lastName == '') {
    $errmsg_arr[] = 'Last name missing';
    $errflag = true;
}
if($username == '') {
    $errmsg_arr[] = 'Username missing';
    $errflag = true;
}
if($password == '') {
    $errmsg_arr[] = 'Password missing';
    $errflag = true;
}
if($cpassword == '') {
    $errmsg_arr[] = 'Confirm password missing';
    $errflag = true;
}
if( strcmp($password, $cpassword) != 0 ) {
    $errmsg_arr[] = 'Passwords do not match';
    $errflag = true;
}

//Check for duplicate username
if($username != '') {
    $qry = "SELECT * FROM member WHERE username='$username'";
    $result = mysql_query($qry);
    if($result) {
        if(mysql_num_rows($result) > 0) {
            $errmsg_arr[] = 'Username already in use';
            $errflag = true;
        }
        @mysql_free_result($result);
    }
    else {
        die("Query failed");
    }
}

//If there are input validations, redirect back to the registration form
if($errflag) {
    $_SESSION['ERRMSG_ARR'] = $errmsg_arr;
    session_write_close();
    header("location: register-form.php");
    exit();
}

//Create INSERT query
$qry = "INSERT INTO member(firstName, lastName, username, password) VALUES('$firstName','$lastName','$username','".md5($_POST['password'])."')";
$result = @mysql_query($qry);

//Check whether the query was successful or not
if($result) {
    header("location: register-success.php");
    exit();
}else {
    die("Query failed");
}
?>

tri-peoria.orgの[Join]ボタンをクリックし、2番目のリンクをクリックすると、私の完全なフォームが表示されます。

4

2 に答える 2

0

JavascriptがGETリクエストを送信しており、ステートメントに従って$_POSTをチェックしています

page_request.open('GET', url, true)

したがって、それらを一致するように更新してから、再試行してください

于 2013-01-07T16:27:29.410 に答える
0

JavaScriptはデータを送信してGETおらず、ではなくリクエストを使用していPOSTます。送信するには、フォームから変数にデータを抽出する必要があります。以下のパラメータ名とelementIDをフォームの要素IDに置き換えます。

formData = buildData();

page_request.open('POST', url, true);
page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
page_request.send(formData);

function buildData() {
  //build a variable to store the form data, use encodeURI to encode any chars that require encoding
  var postFormVars = "addressLine1=" + encodeURI( document.getElementById("addressLine1").value ) +
  "&addressLine2=" + encodeURI( document.getElementById("addressLine2").value ) +
  "&addressLine3=" + encodeURI( document.getElementById("addressLine3").value ) +
  "&town=" + encodeURI( document.getElementById("town").value ) +
  "&postcode=" + encodeURI( document.getElementById("postcode").value );

  return postFormVars;

}
于 2013-01-07T16:37:20.993 に答える