2015-04-04 61 views
0

我已创建此网页以进行物业交易。我使用ajax在同一页面显示结果..用户能够提供输入,但结果不显示...没有错误信息太... plz帮助...我是新来的Ajax和PHP。AJAX呼叫后,Php结果不会显示

的HTML代码是:

Enter City :<input class="w-input" id="city" type="text" placeholder="Enter the city name (required)" name="city" data-name="city" required="required" onchange="showUser(this.value)"> 
<div id="txtHint"><b>Results will be displayed Here...</b></div> 

Ajax代码:

<script> 
function showUser(str) { 
if (str == "") { 
    document.getElementById("txtHint").innerHTML = ""; 
    return; 
} else { 
    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","buyresult.php?q="+str,true); 
    xmlhttp.send(); 
} 
} 
</script> 

最终buyresult.php文件内容

<html> 
<head> 
<title></title> 
<link rel="stylesheet" type="text/css" href="form/style.css" /> 
</head> 
<body> 
<?php 
include 'connection.php'; 
SESSION_START(); 
$q = intval($_GET['q']); 
$sql="SELECT * FROM property WHERE city = '".$q."'"; 
$qry = mysql_query($sql) or die(mysql_error()); 
while($result=mysql_fetch_array($qry)) 
{ 
    echo '<h2 class="flat-heading">FLAT Id = '.$result['id']; 
} 
?> 
</body> 
+0

如果您使用$ q = intval($ _ GET ['q']);这意味着$ q是int类型,所以你的查询将会是$ sql =“SELECT * FROM property WHERE city = $ q”;没有必要写$ q在双引号 – Saty 2015-04-04 05:52:13

+0

感谢吨..现在的代码工作.. – 2015-04-04 05:58:03

+0

但还有一个问题..这个ajax调用只使用一个值..假设我们想添加更多的过滤器,如位置,然后过滤以前的结果..如何做到这一点?..可以在第一个Ajax调用创建视图,然后在第二个Ajax调用帮助它在该视图上工作.. ??或者是否有任何其他选项..我google搜索的答案是出于我的理解..我希望你可以帮助.. – 2015-04-04 06:01:32

回答

1
<script> 
function showUser(str) { 

    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","buyresult.php?q="+str,true); 
    xmlhttp.send(); 

} 
</script> 

我认为这个问题是在

document.getElementById("txtHint").innerHTML = ""; 

这部分..你可能没有定义的任何地方这个ID ...... 而不是让

$q = intval($_GET['q']); 

使用

$q = mysql_real_escape_string($_GET['q']); 
+0

其中OP将在您的代码中有ajax的结果?响应div? – 2015-04-04 05:57:15

+0

@testing没什么,我只是纠正了代码,并试图解释什么是错的...... – 2015-04-04 05:58:47

+0

最好是如果你发布代码,它应该似乎为他工作,因为他是PHP和Ajax中的新手。他会复制粘贴你的代码,并不会在div中做出回应。你可以看到。 – 2015-04-04 06:00:12

0

我觉得你的buyresult.php代码应该是像这样:

您的主要问题是您使用$q = intval($_GET['q']);并加入""在您的查询所以问题在您的查询。请给下面的一个去。它应该适合你。

<html> 
<head> 
<title></title> 
<link rel="stylesheet" type="text/css" href="form/style.css" /> 
</head> 
<body> 
<?php 
include 'connection.php'; 
SESSION_START(); 
$q = intval($_GET['q']); 
$sql = "SELECT * FROM property WHERE city = $q"; 
$qry = mysql_query($sql) or die(mysql_error()); 
while($result=mysql_fetch_array($qry)) 
{ 
    echo '<h2 class="flat-heading">FLAT Id = '.$result['id']; 
} 
?> 
</body>