1

我有一个 HTML 表单（2 个列表框和一个复选框），我想用它来过滤页面上的结果。

我怎样才能做到这一点，当我按下Submit按钮（.onclick(function(){})）时，它会在我的本地服务器上执行对 PHP 脚本的 jQuery AJAX 调用，首先，检查列表框中是否选择了任何内容以及复选框是否为检查然后在此基础上构建一个 SQL 语句来查询我的数据库并将结果作为 JSON 检索。

理论上你会怎么做。我已经有了 PHP 脚本，可以简单地从表中获取所有内容并将其保存为 JSON：

<?php
// databse connection info
require("dbinfo.inc.php");

// try to open a connection to a MySQL server
$connection=mysql_connect($host, $username, $password);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

// select the active MySQL database to work with
$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// grab data about every campus and which instituion they belong to
$query = 'select statement to grab all the data from a table';
$result = mysql_query($query);

// check if $results has anything
if (!$result) {
  die('Invalid query: ' . mysql_error());
}

// time to start generating our huge XML
while ($row = @mysql_fetch_assoc($result)){
    $finalarray[] = $row;
    $main_arr['products'] = $finalarray;
}
//  close connection to the database
mysql_close($connection);

//  echo, save and write the file
// print json_encode($main_arr);

$fp = fopen('results.json', 'w');
fwrite($fp, json_encode($main_arr));
fclose($fp);


?>
4

2 回答 2

1

这是发布到 php 文件并使用 ajax 获取数据的示例。结果将登录到控制台。我假设您知道在检索到 json 后如何使用 js 处理它？

//the php
<?php

    //bla bla connect to database etc

    //if form has been submitted with ajax
    if(isset($_POST["ajax_request"])){

        //build query
        $id    = $_POST["id"];
        $fruit = $_POST["fruit"];
        $query = "SELECT * FROM fruits WHERE id=$id AND fruit='$fruit'";

        //fetch from db
        $result = mysql_query($query);

        //send out json
        die(json_encode($result));

    }

?>

//the jquery
<script type="text/javascript">

$(document).ready(function(){

    //on submit
    $("#ajaxForm").submit(function(e){

        //stop default page refresh
        e.preventDefault();

        //define the form
        var form = $(this);

        //get the form data
        var data = form.serialize();

        //send it via ajax
        $.ajax({
           type      : "post",
           dataType  : "json",
           url       : "url to your php here",
           data      : data+"&ajax_request=1",
           success   : function(json){
               console.log(json);
           },
           error     : function(a,b,c){
               console.log(a,b,c);
           }
        });

    });

});

</script>

//the html
<form id="ajaxForm" method="post" action="">
    <input type="text" name="id" required="required" placeholder="enter id"/>
    <input type="text" name="fruit" required="required" placeholder="enter fruit"/>
    <input type="submit" name="submit"/>
</form>
于 2012-05-23T16:50:20.040 回答
1

首先使用 ajax 从表单发送数据：

$('form').on('submit', function(e) {
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url : 'myPHPfile.php',
        data: {form : $('form').serialize()}
    }).done(function(data) {
         var myJSONresult = data;
    });
});

在您的 PHP 文件中，您将获得以下表格

$form = $_POST['form'];

并且无需保存到文件，只需通过回显将其发送回来

echo json_encode($main_arr);
于 2012-05-23T16:19:57.007 回答