通过ajax POST传值，但返回为空-PHP 튜토리얼-php.cn

choose class "> " > 请选择班级： choose class ">

回复讨论(解决方案)

집

백엔드 개발

PHP 튜토리얼

通过ajax POST传值，但返回为空

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 23, 2016 pm 01:58 PM

第一次接触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基础打好点再用框架

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7555

Cakephp 튜토리얼

1384

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

ALIPAY PHP SDK 전송 오류 : '클래스 부호 데이터를 선언 할 수 없음'의 문제를 해결하는 방법은 무엇입니까? Apr 01, 2025 am 07:21 AM

Alipay PHP ...

JWT (JSON Web Tokens) 및 PHP API의 사용 사례를 설명하십시오. Apr 05, 2025 am 12:04 AM

JWT는 주로 신분증 인증 및 정보 교환을 위해 당사자간에 정보를 안전하게 전송하는 데 사용되는 JSON을 기반으로 한 개방형 표준입니다. 1. JWT는 헤더, 페이로드 및 서명의 세 부분으로 구성됩니다. 2. JWT의 작업 원칙에는 세 가지 단계가 포함됩니다. JWT 생성, JWT 확인 및 Parsing Payload. 3. PHP에서 인증에 JWT를 사용하면 JWT를 생성하고 확인할 수 있으며 사용자 역할 및 권한 정보가 고급 사용에 포함될 수 있습니다. 4. 일반적인 오류에는 서명 검증 실패, 토큰 만료 및 대형 페이로드가 포함됩니다. 디버깅 기술에는 디버깅 도구 및 로깅 사용이 포함됩니다. 5. 성능 최적화 및 모범 사례에는 적절한 시그니처 알고리즘 사용, 타당성 기간 설정 합리적,

확실한 원칙과 PHP 개발에 적용되는 방법을 설명하십시오. Apr 03, 2025 am 12:04 AM

PHP 개발에서 견고한 원칙의 적용에는 다음이 포함됩니다. 1. 단일 책임 원칙 (SRP) : 각 클래스는 하나의 기능 만 담당합니다. 2. Open and Close Principle (OCP) : 변경은 수정보다는 확장을 통해 달성됩니다. 3. Lisch의 대체 원칙 (LSP) : 서브 클래스는 프로그램 정확도에 영향을 미치지 않고 기본 클래스를 대체 할 수 있습니다. 4. 인터페이스 격리 원리 (ISP) : 의존성 및 사용되지 않은 방법을 피하기 위해 세밀한 인터페이스를 사용하십시오. 5. 의존성 반전 원리 (DIP) : 높고 낮은 수준의 모듈은 추상화에 의존하며 종속성 주입을 통해 구현됩니다.