【问题标题】:use mysql query result as the data of flexbox使用mysql查询结果作为flexbox的数据
【发布时间】:2013-02-08 15:21:26
【问题描述】:

大家好,我只是在网上冲浪并找到了一些解决方案,当用户尝试在文本框中键入任何内容时,它有一个自动建议词,然后幸运的是我找到了 flexbox强> 它是我正在寻找的所有套件,除了一件事,因为我在 ff lang 中锁定了知识。像javascript jquery,我不知道如何设置它,我不知道如何设置它的数据库。但我有这个指南http://www.fairwaytech.com/flexbox#config,几分钟后,结合所有代码。我创建了这个: index.php

<head>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  
    <script type="text/javascript" src="jquery.flexbox.min.js"></script>  
    <link type="text/css" rel="stylesheet" href="..\css\jquery.flexbox.css" /> 
</head>
<script type="text/javascript">  
    $(function() { 
        $('#fb').flexbox('query.php');  
    });  
</script>
<body>
<form action="result.php" method="post">

        <div id="fb"></div>

</form>
</body>

但我非常非常大的问题是如何在 index.php 中的 query.php 中链接我的查询结果。这是我的 query.php

mysql_select_db('activity');
mysql_query('select per_name from myproject');
?>

在我的 myproject 表中有两个字段 per_id 和 per_name,per_id(int) auto_increment per_name(varchar-100)。感谢读者和帮助者,对不起我的语法错误。

【问题讨论】:

    标签: php javascript jquery mysql jquery-flexbox


    【解决方案1】:

    您必须以 json 格式发送列表,因此请使用 json_encode() 并且 json 格式为

    对 results.aspx 的调用是 ajax,应该返回如下所示格式的 JSON 字符串。

  • “id”属性为字符串或整数,为表单提交时提交的值 (如 html 标签的“value”属性)
  • “name”属性是一个字符串或整数,是为每个结果显示的文本,当 选择了一个结果(如 html 打开和关闭标签之间的文本)
  • 根据docs

    所以,试试这个

    query.php 更新

    $records=array();
    $result=mysql_query('select * from myproject');
    while($row=mysql_fetch_array($result){
       $records[id]=$row['per_id'];
       $records[name]=$row['per_name'];
    }
    echo json_encode(array('results'=>$records));
    

    【讨论】:

    • 什么也没发生,它只是一个带有箭头的文本框;-(
    • 您的 query.php 中还有其他内容吗?检查你的萤火虫控制台..如果有任何错误
    • 当我在文本框中输入时它仍然没有显示输出
    • 我确定我正确链接了标题,然后当我尝试运行或刷新时没有任何变化,谢谢您的关注
    • 更新了我的答案...检查json_encode 部分...为什么我会被否决??
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-01-26
    • 2011-10-29
    • 2015-07-06
    • 1970-01-01
    • 2012-06-19
    相关资源
    最近更新 更多