第一次接触ajax，想通过一个简单的例子来练练
index.php中有一个下拉列表，选择不同的班级返回不同的学生信息
代码如下：
<?php //从数据库把班级名称取出来放入下拉列表中 mysql_connect("localhost","root","root") or die("数据库连接失败"); mysql_select_db("studentmanage") or die("数据库不存在"); $sql="select * from class"; $rs=mysql_query($sql); $info=array(); while($row=mysql_fetch_assoc($rs)){ $info[]=$row; }?><!doctype html><html> <head> <title>查询学生信息</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <style type="text/css"> </style> <script type="text/javascript"> var xmlhttprequest;; function getMessage(){ if(window.ActiveXObject){ xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP"); }else{ xmlhttprequest=new XMLHttpRequest(); } if(xmlhttprequest){ var url="result.php"; var cid=document.getElementById("class").value; var show=document.getElementById("info"); var data="class=cid"; xmlhttprequest.open("post",url,true); xmlhttprequest.setRequestHeader("content-type","application/x-www-form-urlencode"); xmlhttprequest.onreadystatechange=function(){ if(xmlhttprequest.readyState==4){ if(xmlhttprequest.status==200){ var info=xmlhttprequest.responseText; if(info==""){ show.value="你好，你查询的班级暂时还没有学生"; }else{ show.value=info; } } }else{ alert("error"); } } xmlhttprequest.send(data); } } </script> </head> <body> <div id="content"> <h1 id="请选择班级-select-nbsp-name-class-nbsp-id-class-nbsp-onchange-getMessage-option-nbsp-value-nbsp-selected-choose-nbsp-class-option-php-nbsp-foreach-info-nbsp-as-nbsp-v-option-nbsp-value-php-nbsp-echo-nbsp-v-cid-php-nbsp-echo-nbsp-v-cname-option-php-nbsp-select"> 请选择班级： <select name="class" id="class" onchange="getMessage()"> <option value="" selected>choose class</option> <?php foreach($info as $v){?> <option value="<?php echo $v['cid'];?>"><?php echo $v['cname'];?></option> <?php }?> </select> </h1> <div id="info"></div> </div> </body></html> 通过result.php查询数据库，并返回学生信息，代码如下：
<?php //header("content-type:text/html;charset=utf-8"); header("Content-type:text/xml;charset=utf-8"); header("Cache-Control:no-cache"); $class=$_POST['class']; mysql_connect("localhost","root","root") or die("数据库连接失败"); mysql_select_db("studentmanage"); mysql_query("set names utf-8"); $sql="select * from student where cid='$class'"; //$sql="select * from student where cid=3"; $rs=mysql_query($sql); $info=array(); while($row=mysql_fetch_assoc($rs)){ $info[]=$row; } $result="<table><tr><td>学号</td><td>姓名</td><td>住址</td><td>班级</td></tr>"; foreach($info as $v){ $result.="<tr><td>{$v['sid']}</td><td>{$v['name']}</td><td>{$v['address']}</td><td>{$v['cid']}</td></tr>"; } $result.="</table>"; echo $result;?> 我单独测试了下result.php，我确定没有问题，能从数据库中取出对应的信息，但是就是不能把取到的信息返回到index.php中
求各位帮帮忙，找找问题在哪
回复讨论(解决方案)
result.php
不能直接返回带输出内容，要用 json_encode 处理返回的数据
如：查表中的数据出来放到一数组中,然后：echo json_encode($arr);
给div设置value?即使你的查询时正常的，由于div的value并不会直接在视图中展现，所以你看不到效果。
你需要的应该是innerHTML
result.php
不能直接返回带输出内容，要用 json_encode 处理返回的数据
如：查表中的数据出来放到一数组中,然后：echo json_encode($arr);
ajax不是有三种返回格式吗？分别为text, xml，json
我这里用的是text格式，我不知道这有什么错误
至少需要把 var show=document.getElementById("info"); 放在回调函数中
给div设置value?即使你的查询时正常的，由于div的value并不会直接在视图中展现，所以你看不到效果。
你需要的应该是innerHTML
恩恩，你说的对(我Js基础不是很好==)，我按照您说的改了，然后按步骤调试了下：
<?php //从数据库把班级名称取出来放入下拉列表中 mysql_connect("localhost","root","root") or die("数据库连接失败"); mysql_select_db("studentmanage") or die("数据库不存在"); $sql="select * from class"; $rs=mysql_query($sql); $info=array(); while($row=mysql_fetch_assoc($rs)){ $info[]=$row; }?><!doctype html><html> <head> <title>查询学生信息</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <style type="text/css"> </style> <script type="text/javascript"> var xmlhttprequest;; function getMessage(){ if(window.ActiveXObject){ xmlhttprequest=new ActiveXObject("Microsoft.XMLHTTP"); }else{ xmlhttprequest=new XMLHttpRequest(); } if(xmlhttprequest){ var url="result.php"; var cid=document.getElementById("class").value; //window.alert(cid); var show=document.getElementById("info"); //window.alert(show); var data="class="+cid; //window.alert(data); xmlhttprequest.open("post",url,true); xmlhttprequest.setRequestHeader("content-type","application/x-www-form-urlencode"); xmlhttprequest.onreadystatechange=function(){ if(xmlhttprequest.readyState==4){ if(xmlhttprequest.status==200){ var info=xmlhttprequest.responseText; if(info==""){ show.innerHTML="你好，你查询的班级暂时还没有学生"; }else{ show.innerHTML=info; } } }else{ window.alert("error"); } } xmlhttprequest.send(data); } } </script> </head> <body> <div id="content"> <h1 id="请选择班级-select-nbsp-name-class-nbsp-id-class-nbsp-onchange-getMessage-option-nbsp-value-nbsp-selected-choose-nbsp-class-option-php-nbsp-foreach-info-nbsp-as-nbsp-v-option-nbsp-value-php-nbsp-echo-nbsp-v-cid-php-nbsp-echo-nbsp-v-cname-option-php-nbsp-select"> 请选择班级： <select name="class" id="class" onchange="getMessage()"> <option value="" selected>choose class</option> <?php foreach($info as $v){?> <option value="<?php echo $v['cid'];?>"><?php echo $v['cname'];?></option> <?php }?> </select> </h1> <div id="info">aaa</div> </div> </body></html> 下拉列表的值通过js取到了，我用window.alert(data)调试的时候没有问题
但是在result.php中通过$class=$_POST['class']取值的时候$class没有被赋值，因为我通过file_put_contents("D:/WWW/PHPDemo/log.log",$class."\r\n",FILE_APPEND);把$class的值保存在log.log文件中，但我运行后
打开时这个文件为空，且运行报错，说：Notice: Undefined index: class in D:\WWW\dbDesign\project\result.php on line 5
我想问下我的ajax通过POST传值的 方式有错误吗？？
<?php //header("content-type:text/html;charset=utf-8"); header("Content-type:text/xml;charset=utf-8"); header("Cache-Control:no-cache"); $class=$_POST['class']; file_put_contents("D:/WWW/PHPDemo/log.log",$class."\r\n",FILE_APPEND); mysql_connect("localhost","root","root") or die("数据库连接失败"); mysql_select_db("studentmanage"); mysql_query("set names utf-8"); $sql="select * from student where cid='$class'"; //$sql="select * from student where cid=3"; $rs=mysql_query($sql); $info=array(); while($row=mysql_fetch_assoc($rs)){ $info[]=$row; } $result="<table><tr><td>学号</td><td>姓名</td><td>住址</td><td>班级</td></tr>"; foreach($info as $v){ $result.="<tr><td>{$v['sid']}</td><td>{$v['name']}</td><td>{$v['address']}</td><td>{$v['cid']}</td></tr>"; } $result.="</table>"; echo $result;?> 问题就是没有把值传到result.php里面去，，，为什么呢，，一直没找到问题出在哪
xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencode");
xmlhttprequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
最后少写了一个d
我能说我是一行行代码仔细看仔细看才找到错误的么=====
不知道有什么js调试工具能调试出这种错误，就不用这么费时间找BUG了。。。。
做程序员千万不能粗心，以此共勉
为什么不用jquery呢？
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script><script type="text/javascript">var cid=document.getElementById("class").value;var show=document.getElementById("info");$.post("result.php", { class: cid }, function(info){ if(info==""){ show.innerHTML="你好，你查询的班级暂时还没有学生"; }else{ show.innerHTML=info; } },"text");</script> http://api.jquery.com/jQuery.post/
为什么不用jquery呢？
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script><script type="text/javascript">var cid=document.getElementById("class").value;var show=document.getElementById("info");$.post("result.php", { class: cid }, function(info){ if(info==""){ show.innerHTML="你好，你查询的班级暂时还没有学生"; }else{ show.innerHTML=info; } },"text");</script> http://api.jquery.com/jQuery.post/
js才入门，我js基础很差的，我想把js基础打好点再用框架
哪些常見問題會導致PHP會話失敗？Apr 25, 2025 am 12:16 AMPHPSession失效的原因包括配置錯誤、Cookie問題和Session過期。 1.配置錯誤：檢查並設置正確的session.save_path。 2.Cookie問題：確保Cookie設置正確。 3.Session過期：調整session.gc_maxlifetime值以延長會話時間。
您如何在PHP中調試與會話相關的問題？Apr 25, 2025 am 12:12 AM在PHP中調試會話問題的方法包括：1.檢查會話是否正確啟動；2.驗證會話ID的傳遞；3.檢查會話數據的存儲和讀取；4.查看服務器配置。通過輸出會話ID和數據、查看會話文件內容等方法，可以有效診斷和解決會話相關的問題。
如果session_start（）被多次調用會發生什麼？Apr 25, 2025 am 12:06 AM多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告，提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態，避免重複調用。
您如何在PHP中配置會話壽命？Apr 25, 2025 am 12:05 AM在PHP中配置會話生命週期可以通過設置session.gc_maxlifetime和session.cookie_lifetime來實現。 1)session.gc_maxlifetime控制服務器端會話數據的存活時間，2)session.cookie_lifetime控制客戶端cookie的生命週期，設置為0時cookie在瀏覽器關閉時過期。
使用數據庫存儲會話的優點是什麼？Apr 24, 2025 am 12:16 AM使用數據庫存儲會話的主要優勢包括持久性、可擴展性和安全性。 1.持久性：即使服務器重啟，會話數據也能保持不變。 2.可擴展性：適用於分佈式系統，確保會話數據在多服務器間同步。 3.安全性：數據庫提供加密存儲，保護敏感信息。
您如何在PHP中實現自定義會話處理？Apr 24, 2025 am 12:16 AM在PHP中實現自定義會話處理可以通過實現SessionHandlerInterface接口來完成。具體步驟包括：1)創建實現SessionHandlerInterface的類，如CustomSessionHandler；2)重寫接口中的方法（如open,close,read,write,destroy,gc）來定義會話數據的生命週期和存儲方式；3)在PHP腳本中註冊自定義會話處理器並啟動會話。這樣可以將數據存儲在MySQL、Redis等介質中，提升性能、安全性和可擴展性。
什麼是會話ID？Apr 24, 2025 am 12:13 AMSessionID是網絡應用程序中用來跟踪用戶會話狀態的機制。 1.它是一個隨機生成的字符串，用於在用戶與服務器之間的多次交互中保持用戶的身份信息。 2.服務器生成並通過cookie或URL參數發送給客戶端，幫助在用戶的多次請求中識別和關聯這些請求。 3.生成通常使用隨機算法保證唯一性和不可預測性。 4.在實際開發中，可以使用內存數據庫如Redis來存儲session數據，提升性能和安全性。
您如何在無狀態環境（例如API）中處理會議？Apr 24, 2025 am 12:12 AM在無狀態環境如API中管理會話可以通過使用JWT或cookies來實現。 1.JWT適合無狀態和可擴展性，但大數據時體積大。 2.Cookies更傳統且易實現，但需謹慎配置以確保安全性。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。
ZendStudio 13.5.1 Mac
強大的PHP整合開發環境
禪工作室 13.0.1
強大的PHP整合開發環境
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
WebStorm Mac版
好用的JavaScript開發工具
