Question

我是jQuery领域的初学者，我有这样一个简单的问题：

我想在数组中加载（AJAX）MySQL结果，让我们说：

$row[0] = first name
$row[1] = last name
$row[2] = phone number

我对PHP部分没有任何问题，但是我很难在不同的id上显示每个数组内容。因为我发现的语法加载了PHP处理的所有内容：

<script type="text/javascript">
$(document).ready(function(){
    $('#mysql-result').load('ajax.php');
});
</script>

如何从PHP中获取“名字”，“姓氏”和“电话号码”只需一次加载，但我仍然可以将结果设置为不同。谢谢。

更新

我给你一个关于我需要的真实例子。这是我的名为ajax.html的HTML文件：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ajax Trial</title>
</head>

<body>
<div id = "fistname"><!-- ajax result goes here --></div> 
<div id = "lastname"><!-- ajax result goes here --></div>
<div id = "phonenumber"><!-- ajax result goes here --></div>
</body>
</html>

这是我的PHP文件，名为ajax.php：

<?php
require_once 'config-min.php';
$con = mysql_connect($DbServer,$DbUser,$DbPassword);
mysql_select_db($DbName, $con);

$result = mysql_query("SELECT FirstName, LastName, PhoneNumber FROM User WHERE ID = '201' LIMIT 1");
$row = mysql_fetch_array($result);

echo $row[0];
echo $row[1];
echo $row[2];

mysql_close($con);
?>

现在，我的问题仍然相同......如何获得此PHP结果（3回声），加载一次，然后显示在这3个不同的div中

Answer 1

您是否尝试过添加到您的php代码：

echo $ firstname。' '$姓氏。' ” $ PHONENUMBER;

Answer 2

我也想做你想做的事情。我做了以下代码并且它有效。希望这对你也有帮助。

 <script type="text/javascript" src="/jquery.js"></script>
<script>
   $(document).ready(function(){
 $("#form_plat").submit(function(e){

    var str = $(this).serialize();
    row[0]=$('#First_name').val();
    row[1]=$('#last_name').val();
    row[2]=$('#phonenumber').val();

    $.ajax({
            type: "POST",
            url : 'Insert_Into.pl', //if you wish to store in database
            data : {'firstname_name':row[0],'last_name': row[1],'phonenumber':row[2]},
            beforeSend: function() {

                console.log("hey i am here");                   
            },
            success: function(){
                     $('#note').html('Thank you for your submission!');
                     $('#note').hide();                     
                     $("#fields").fadeOut('slow');
            }
         });

    return false;

  });

 });

 </script>);

jQuery加载MySQL获取数组

2 个答案: