php - 来自php函数的AJAX文本输入值

Question

如果我有类似的东西

<form name="myform" method="POST"  action="">
<input type="text" name="mail">
<input type="text" name="firstname">
<input type="text" name="lastname">
<input type="submit">
</form>

我有一个 php 函数，它在给定电子邮件时返回一个带有全名的数组，例如：

function get_fullname($email){
//some code here that gives a value to $firstname, 
//$lastname, $age and $gender (for example using a cURL request)

$fullname = array(
firstname => $firstname, 
lastname=>$lastname, 
age=>$age, 
gender=>$gender);

Return $fullname;
}

例如，如果我的地址是 john.doe@gmail.com

$fullname['firstname'] =  "John"
$fullname['lastname'] = "Doe"

问题是：在用户输入电子邮件地址之后，如何将这些名称设为我的名称value？text input

Answer 1

嗯...将电子邮件发送到 PHP 文件：

function alterEmail(email){
    $.get('getName.php',
        {'email': email},
        function(data){
            names = data.split('.');
            $('.fname').html(names[0]);
            $('.lname').html(names[1]);
        }
    );
}

PHP 文件看起来像这样：

<?php
$splitEmail = explode('@',$_GET['email']);
echo $splitEmail[0];
?>

当然，这只有在电子邮件看起来像 john.doe@gmail.com 时才有效。您可以为此使用严格的 Javascript，但您要求使用 AJAX。

此外，要使用该 Javascript 函数，您可以使用 onchange 调用它，例如

<input type="text" onchange="alterEmail(this.value);" />

Answer 2

使用jQuery：

var email = $('input[name="mail"]'),
firstname = $('input[name="firstname"]'),
lastname = $('input[name="mailastnamel"]');

email.on('blur', function() {
    $.ajax({
        url: "ajax.php",
        data: {'email': email.val()},
                type: 'post',
        success: function(result) {
        if(result.firstname && result.lastname) {
            firstname.val(result.firstname);
            lastname.val(result.lastname);
        }
    },
    dataType: 'json'
    });
});

创建一个名为 ajax.php 的 php 文件

<?php
function get_fullname($email){
//some code here that gives a value to $firstname and $lastname
$fullname = array(firstname => $firstname, lastname=>$lastname)
Return $fullname
}

if(isset($_POST['email'])) {
  $fullname = get_fullname($_POST['email']);
  echo json_encode($fullname);
}
?>