使用ajax调用将php变量传递给javascript函数，并在同一页面上获取响应文本

Question

我在php页面[search.php]上使用php sql数据库连接，以从变量“ $ url”中的数据库中获取数据，并将其传递给javascript函数，其中ajax调用捕获该变量并将其传递给另一个php页面[ function.php]，这将执行一些功能并将响应文本发送回id为“ rssoutput”的div中的search.php，请参见下面的代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>search</title>

 <script>
function showRSS(str) {
  if (str.length==0) { 
document.getElementById("rssOutput").innerHTML="";
return;
  }
  if (window.XMLHttpRequest) {

xmlhttp=new XMLHttpRequest();
  } else {   
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
}
  }
  xmlhttp.open("GET","function.php?q="+str,true);
  xmlhttp.send();
}
</script> 

</head>
<body>

<?php

$con=mysql_connect("localhost","root","");
if(!$con)
 {
 die("could not connect:".mysql_error());
 }
mysql_select_db("dbname",$con);
$query="SELECT * FROM table ";
$result=mysql_query($query);

while($runrows = mysql_fetch_assoc($result))
{
$url = $runrows ['URL'];     

echo "<input type='button'   class='myButton'  onclick='showRSS($url);'     name='artbttn' >
<div class='container'  id='rssOutput' ></div>";     
}
mysql_close($con);
?>
</body>
</html>

所以，我要实现的是从另一个页面获取数据，并在单击按钮时将其显示在div“ rssOutput”中的同一页面[search.php]上。 谁能告诉我这怎么可能。

Answer 1

您可能需要先使用urlencode，然后再将其发送到下一页，

$url = urlencode($runrows ['URL']);

然后将$ url用这样的引号引起来： onclick='showRSS(\\"$url\\");'

echo "<input type='button' class='myButton' onclick='showRSS(\"$url\");' name='artbttn' >
<div class='container'  id='rssOutput' ></div>";

这应该工作。

编辑：用mysqli重写mysql查询

<?php
    $conn = new mysqli('localhost', 'user', 'password', 'dbname');
    if ($conn->connect_error) {
     die("Connection failed: " . $conn->connect_error);
    }
    $sql="SELECT * FROM mytbl";
    $result=$conn->query($sql);
    if ($result->num_rows > 0) {
      while($row = $result->fetch_assoc()) {
        $url = urlencode($row['url']);
        echo "<input type='button' class='myButton' onclick='showRSS(\"$url\");' name='artbttn' ><div class='container' id='rssOutput'></div>";
        }
    } else {
      echo "0 results";
    }
    $conn->close();
?>

Answer 2

我不知道为什么以前没有得到这个。我认为url传递存在问题。 您需要做的就是创建一个如我所显示的会话。

    while($runrows = mysql_fetch_assoc($result))
    {
    $url = urlencode($runrows ['URL']);    
    $_SESSION['u']=$url;
    <input type='button' onclick='showRSS()' class='myButton' name='artbttn' >
    <div class='container'  id='rssOutput' ></div>
    }
    mysql_close($con);
    ?>


<?php
echo<<<script;
<script>
  function showRSS() {

  if (window.XMLHttpRequest) {

   xmlhttp=new XMLHttpRequest();
  } else {    
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xmlhttp.onreadystatechange=function() {
   if (xmlhttp.readyState==4 && xmlhttp.status==200) {
     document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
   }
     }
    xmlhttp.open("GET","function.php",true);
    xmlhttp.send();
   } 
   </script> 
script;
?>
</html>

将以下行添加到function.php

<?php 
session_start();
if(isset($_SESSION['u']){
   $url=$_SESSION['u'];
}
?>

并在您的页面上使用此网址。

使用ajax调用将php变量传递给javascript函数，并在同一页面上获取响应文本

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-01-17 06:36:37

解决方案2
0 2015-01-17 06:56:05

使用ajax调用将php变量传递给javascript函数，并在同一页面上获取响应文本

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-01-17 06:36:37

解决方案2 0 2015-01-17 06:56:05

解决方案1
0 已采纳 2015-01-17 06:36:37

解决方案2
0 2015-01-17 06:56:05