作者 主題: ajax 搜尋 我有抓到物件了 如何顯示在網頁上?  (閱讀 2799 次)

0 會員 與 1 訪客 正在閱讀本文。

nody

  • 可愛的小學生
  • *
  • 文章數: 14
    • 檢視個人資料
這是我的程式碼
//ajax 搜尋
         $('#search_form').ajaxForm(function(data) {
            var search_data_array = JSON.parse(data);
            console.log(data);
            //数组中的每一个变量
            for (x in search_data_array){
               console.log(search_data_array
  • );

               
            }
         });

//點下搜尋的觸發器
         $( ".search_data" ).click(function() {
            $("#search_form").submit();
            //$("#middleboxtable tbody").html('<tr><td>123</td></tr>');
         });


//search_data.php
<?php
include 'config.php';
include 'include\db.php';
$db_obj = new DB();

$date = $_POST['date'];
$title = $_POST['title'];
$content = $_POST['content'];




$sql = "SELECT * FROM `newplace` WHERE `date` = '$date' OR `title` = '$title' OR `content` = '$content' ;";
$result = $db_obj->query($sql);
//echo $sql;
echo json_encode($result) ;


//header('Location: supernews.php');   
?>




網頁console顯示有抓到物件了
但不知如何顯示在網頁上.
Object {id: "00038", title: "月球", content: "月球月球月球月球月球月球", price: "1億元", date: "2013-04-17"…}
Object {id: "00041", title: "地球", content: "地球", price: "地球", date: "2013-04-17"…}


請大大幫我一下 謝謝><

armsman

  • 可愛的小學生
  • *
  • 文章數: 5
    • 檢視個人資料
你這個我沒有寫過,我貼我的CODE
  $( ".search_data" ).click(function() {
                                  $.ajax({
                                                type: "POST",
                                                url: 'search_data.php',//要傳到的網站
                                                data:{
                                                      date:"2013",
                                                      title:$("#asd").val(),
                                                      content:""//傳過去的資料,Search_data.php用POST接收,例如$aaaa=$_POST['date']
                                             
                                                },
                                                async: false,
                                                dataType: "json",//回傳的型態
                                                success: function(str){
                                                  //回傳成功之後,進入的FUNCTION,Search_data.php不是用return ,而是跟你寫的一樣,
                                                 //echo json_encode($result) ;
                                                alert(str[0].id)    //應該是這樣沒錯
                                            },
                                                error:function(){
                                                 //如果回傳失敗就進入這邊
                                                   }
                                          });
}

nody

  • 可愛的小學生
  • *
  • 文章數: 14
    • 檢視個人資料
謝謝大哥的程式碼,我弄出來了. 8)