0

私は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から「名」、「名」、「電話番号」を1回の読み込みで取得する方法。それでも、結果を別の場所に置くことができます。ありがとうございました。

アップデート

私が必要としているものについての実際の例を示します。これが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に表示する方法

4

2 に答える 2

0

PHPコードに追加してみましたか？

$firstnameをエコーし​​ます。'。$lastname。' '。$phonenumber;

于 2012-06-12T04:24:48.483 に答える
0

私もあなたが望むようなことをしたかったのですそして私は次のコードを実行しましたそしてそれはうまくいきました これがあなたにも役立つことを願っています。

 <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>);
于 2012-06-12T04:55:12.577 に答える