Получение Ajax для выполнения с использованием сгенерированных PHP значений - PullRequest
0 голосов
/ 10 мая 2011

Я совершенно новичок в AJAX и пытаюсь использовать его, чтобы получить информацию об образцах пользователей, когда указанный пользователь выбран из выпадающего списка, созданного с помощью запроса php / mysql.Процесс работает нормально, когда выпадающие значения жестко заданы (<option vlaue="1">1</option>, <option vlaue="2">2</option>, <option value="3">3</option> и т. Д.), Но ничего не происходит, когда я использую версию PHP (фрагмент 2 ниже).Я, очевидно, упускаю здесь какую-то концепцию, так как я гуглял это всеми возможными способами, а также искал в архивах Stackoverflow, но не могу найти ответ.Существует множество способов использования AJAX для создания самого списка, но нельзя использовать его для захвата PHP-переменных.

Любая помощь / совет очень важны.

Следующие фрагменты кода:

  1. Javascript заголовка, формирующий объект
  2. Сама форма
  3. Скрипт действия PHP

function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","tester-engine.php?q="+str,true); xmlhttp.send(); }

сама форма (соединение с БД установлено):

<form>
    <select name="profile-owner" onchange="showUser(this.value)">
                <?php
                        $contactresult = mysql_query("SELECT * FROM contacts");

                                while ($row = mysql_fetch_array($contactresult)) 
                                        {
                                        echo '<option value="' . $row['ContactID'] . '">' . $row['ContactLastName'] . ', ' . $row['ContactFirstName'] . '</option>';
                                        }
    </form>
    <div id="txtHint"><b>Person info will be listed here.</b></div>

И, наконец, скрипт обработки (tester-engine.php):

<?php
$q=$_GET["q"];

$con = mysql_connect('####', '####', '####');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("####", $con);

$sql="SELECT * FROM contacts WHERE ContactID = '".$q."'";

$result = mysql_query($sql);

echo "<table border='1'>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['ContactFirstName'] . "</td>";
  echo "<td>" . $row['ContactLastName'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

mysql_close($con);
?> 

Заранее спасибо!

1 Ответ

0 голосов
/ 10 мая 2011

Обновлен ответ после комментария обратной связи ...

Фрагмент 2:

                            while ($row = mysql_fetch_array($contactresult)) 
                                    {
                                    echo '<option value="' . $row['ContactID'] . '">' . $row['ContactLastName'] . ', ' . $row['ContactFirstName'] . '</option>';
                                    }
            ?>
    </select>
</form>
<div id="txtHint"><b>Person info will be listed here.</b></div>

Фрагмент 3:

<?php
$q=$_GET["q"];

// connection esablished

$sql="SELECT * FROM contacts WHERE ContactID = '".$q."'";

$result = mysql_query($sql);

echo "<table border='1'>
 <tr>
  <th>Firstname</th>
  <th>Lastname</th>
</tr>";

while($row = mysql_fetch_array($result))
{
  echo "<tr>";
  echo "<td>" . $row['ContactFirstName'] . "</td>";
  echo "<td>" . $row['ContactLastName'] . "</td>";
  echo "</tr>";
}
echo "</table>";
?>

Ваша последняя страница должна выглядеть следующим образом:

<html>
<head>
<title>Hello</title>
</head>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  //alert(xmlhttp.readyState + " " + xmlhttp.status);

  if (xmlhttp.readyState==4 && (xmlhttp.status==200 || window.location.href.indexOf("http")==-1))
    {
    //alert("receieved")
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

    }
  }
xmlhttp.open("GET","http://oldkitbag.com/kerrybog/modify-profile/tester-engine.php?q="+str,true);
xmlhttp.send(null);
//alert("sent")
}
</script>
<body>
<form>
    <select name="profile-owner" onchange="showUser(this.value)">
                <option value="1">Griffin, Peter</option><option value="2">Griffin, Lois</option><option value="3">Quagmire, Glen</option><option value="4">Swanson, Joseph</option> 
    </select>
</form>
    <div id="txtHint"><b>Person info will be listed here.</b></div>





</body>
</html>

Скопируйте и вставьте этот код для проверки, а затем, когда вы довольны, скрипт работает, замените весь статический HTML-текст в форме на PHP-код, и все будет работать нормально ... надеюсь !!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...