如何將PHP中的多個數據傳遞給jQuery/AJAX？

Question

我有一個主要的選擇列表的驅動器上的各種事情的課程。當選擇課程時，另一個選擇列表將被重新填入，並且該課程的開課日期可提前6個月。此外，我在學生的姓名和電話號碼頁面上有一個表格，當選擇一門課程時，表格將與所有註冊該課程的學生重新填寫。我的問題是我會通過JSON從PHP獲取各種不同的東西，即學生和開始日期。因此，我如何將多個事件傳遞給jQuery？如果課程選擇列表不僅影響2件事，而且影響3,5或甚至10件？我們如何處理PHP和jQuery？

foreach($m as $meta) 
{ 
     $metaCourse = $this->getCourseInfo($meta['parent_course']); 

     //populate the select list with the name of each course 
     $metaSelectList .= '<option id="select'.$count.'" value="'.$metaCourse['id'].'">'.$metaCourse['fullname'].'</option>'; 
     $count++; 

     //get only the first course's dates 
     if($count3 == 1) 
     { 
       $startDate = intval($course->getStartDate(50)); 
       $endDate = strtotime('+6 month', $startDate); 

       //populates the select list with the starting date of the course up to the next six months 
       for($date = $startDate; $date <= $endDate ; $date = strtotime('+1 day', $date)) 
       { 
         $dateSelectList .= '<option id="select'.$count2.'" value="'.$date.'">'.date('D d F Y', $date).'</option>'; 
         $count2++; 
       } 
       $count3++; 
       $students = $s->getStudents($metaCourse['id']); 
       $content = $this->createStudentTable($students); 

     } 
} 

這是我對AJAX的處理程序...現在（我還沒有實現學生的表格中，因爲我仍然在試圖弄清楚如何將多個數據塊傳遞給jQuery的）。基本上每次選擇課程時，PHP都會創建一個包含適當日期的新選擇列表，然後將其傳遞給jQuery。我不確定是否應該在JavaScript或PHP中執行此操作。

if (isset($_GET['pid']) && (isset($_GET['ajax']) && $_GET['ajax'] == "true"))//this is for lesson select list 
{ 
     $pid = intval($_GET['pid']); 
     $c = new CourseCreator(); 
     $startDate = intval($c->getStartDate($pid)); 
     $endDate = strtotime('+6 month', $startDate); 
     $dateSelectList = '<select name="dateSelect" id="dateSelect">'; 

     //populates the select list with the starting date of the course up to the next six months 
     for($date = $startDate; $date <= $endDate ; $date = strtotime('+1 day', $date)) 
     { 
       $dateSelectList .= '<option id="select'.$count2.'" value="'.$date.'">'.date('D d F Y', $date).'</option>'; 
       $count2++; 
     } 

     $dateSelectList .= '</select>'; 

     echo json_encode($dateSelectList); 
     exit; 
} 

我的jQuery的處理程序：

$('#metaSelect').live('change', function() 
{ 
    $.getJSON('?ajax=true&pid='+$('#metaSelect').val(), function(data) 
    {   
     alert(data); 
     $('#dateSelectDiv').html(data); 
    }); 

}); 

Answer 1

你可以很容易地通過JSON（你好像把在已基本）

但是擴大通過從PHP數據ALOT到您的HTML你有什麼 - 繼承人一個快速的例子

<?php 
    $arrayOfStuff = array("theKey" => "theEntry", 123 => "Bob Dow", 56 => "Charlie Bronw", 20 => 'Monkey!', "theMyID" => $_POST['myID']); 
    echo json_encode($arrayOfStuff); 
?> 

在你的HTML端。

<script> 
    $.post("/theurl/", {type: "fetchArrayOfStuff", myID: 24}, function(success) { 
     //your success object will look like this 
     /* 
      { 
      theKey: 'theEntry', 
      123: 'Bob Dow', 
      56: 'Charlie Bronw', 
      20: 'Monkey!', 
      theMyID: 24 
      } 
     so you can easily access any of the data. 
        alert(success.theKey); 
        alert(success[123]); 
        alert(success[56]); 
        alert(success[20]); 
        alert(success.theMyID); 

     */ 

     //we can iterate through the success JSON!   
     for(var x in success) { 
      alert(x + "::" + success[x]); 
     }; 
    }, "json"); 
</script> 

從長遠來看 - 你MUCH讓後端的更好做後端的東西，並且前端做前端的東西。

這句話的意思是，嘗試從後端保持HTML代遠越好，這樣，而不是不斷地通過

for($date = $startDate; $date <= $endDate ; $date = strtotime('+1 day', $date)) 
    { 
      $dateSelectList .= '<option id="select'.$count2.'" value="'.$date.'">'.date('D d F Y', $date).'</option>'; 
      $count2++; 
    } 

也許你可以

$date = $startDate; 
    $myJson = array() 
    while($date <= $endDate) { 
     $myJson[] = array("date" => $date, "formattedDate" => date('D d F Y', $date)); 
     $date += 86400; //86400 is the value of 1 day. 
    } 
    echo json_encode($myJson); 

，你可以只需對您的HTML代碼進行簡單的迭代即可。

<script> 
    $.get("/", {ajax: true, pid: $('#metaSelect').val()}, function(success) { 


     //we can iterate through the success JSON!   
     var _dom = $('#dateSelectDiv').html(''); //just to clear it out. 

     for(var x in success) { 
      _dom.append("<option value='"+success[x].date+"'>"+success[x].formattedDate+"</option>"); 
     }; 
    }, "json"); 
</script> 

因此，大家可以看到 - 你可以通過很多使用JSON

也許看一些文檔數據的 - http://api.jquery.com/jQuery.get/，http://api.jquery.com/jQuery.post/ - 可能會給你更多的想法。

祝您好運給你