如何通过javascript向php服务器传送字符串-PHP Tutorial-php.cn

如何通过javascript向php服务器传送字符串

WBOY

Release： 2016-06-23 14:40:12

Original

1441 people have browsed it

有一个页面,特定用户登录后,可以在该页面中输入mysql查询命令.
php服务器接收到该命令后,直接将该命令字串传给mysql执行,再将结果显示在该页面上.

刚开始在javascript中将该可编辑控件的内容直接传向服务器,不行,该命令字串中的">"或者"
后又将该字串用javascript的encodeURIComponent函数转换后发送,在服务器端再用php的html_entity_decode函数转换回来,这样子呢,我所使用的大部分命令可以了,只是命令中的引号就不正常了.

查来查去,找不到方法了,一个字串,在网络中传送竟然太多的麻烦了.
请解惑!

回复讨论(解决方案)

encodeURIComponent用它转码后，php直接接收即可吧！不需要再转了吧！

将html_entity_decode()换成rawurldecode();

htmlspecialchars_decode 试试这个函数

各种转码函数试一遍

1、你的总是要输入在文本控件中的，无论是表单提交还是ajax发送，均不需要做处理
2、在用ajax发送时，如果页面不是 utf-8 的，且发送的串中可能有中文。则应考虑在设计ajax部件时加入 encodeURIComponent 做 url 编码，服务端需做字符集转换
3、服务端在收到数据后，应根据 get_magic_quotes_gpc 的状态进行去转义操作（stripslashes）
php5.3以后 magic_quotes_gpc 开关默认关闭和取消，已不再需要这一步了
4、encodeURIComponent 是按utf-8字符集做 url 编码处理，即无论页面是什么字符集的，服务端得到的都是 utf-8 的数据
5、html_entity_decode 是 htmlentities 的逆函数，与 url 编码无关

了解了这些基础知识以后，我想你应该可以继续了

感谢各位大侠的帮助!
我认真看完后,详细作了测试.
只是我的输入是一个可编辑的DIV,只是,在测试时,也换为文本框试过.
不作任何转换,如果只是在输入框输入:select * from tablename这样的查询没问题,如果是:select * from tablename where id>5,就出错了.
在发送时加encodeURIComponent函数,服务器用html_entity_decode后,可以select * from tablename where id>5正常出结果.
当初用这个encodeURIComponent时,只是找啊找,找到这个试了试,只是在php下却没有相应的解码函数,就用的html_entity_decode试.

下面是我的测试代码:
客户端

<!DOCTYPE html><html><head>	<title>测试</title>	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">	<script>		function handleStateChange(){			if(xmlHttp.readyState==4){				if(xmlHttp.status==200){					document.getElementById("md").innerHTML=xmlHttp.responseText;				}			}		}				function createXMLHttpRequest(){			try {				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");			} catch (e) {				try {					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");				} catch (oc) {					xmlHttp=null;				}			}			if (!xmlHttp && typeof XMLHttpRequest !="undefined"){				xmlHttp=new XMLHttpRequest();			}			return xmlHttp;		}				function sendstr(){			var xmlHttp=createXMLHttpRequest();			//var str="str="+document.getElementById("sqlstr").innerHTML;			//var str="str="+document.getElementById("sqlstr").value;			//var str="str="+encodeURIComponent(document.getElementById("sqlstr").value);			var str="str="+encodeURIComponent(document.getElementById("sqlstr").innerHTML);			var url="t2_1get.php";			xmlHttp.open("POST",url,true);			xmlHttp.onreadystatechange=handleStateChange;			xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");			xmlHttp.send(str);		}		</script>	</head><body><!--	<input type="text" id="sqlstr" />-->	<div id="sqlstr" contenteditable="true" style="border:1px solid #ccf;width:200px;height:20px;"></div>	<input type="submit" value="query" onclick="sendstr()"/>	<div id="md"></div></body></html>

Copy after login

服务端

<!DOCTYPE html><html><head>	<title>测试get</title>	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"></head><body><?php	$mysqli=new mysqli("localhost","minhaouser","24994012499401",'test');	if ($mysqli->connect_error){		printf("连接失败:%s\n",$mysqli->connect_error);		exit();	}	$mysqli->query("set names 'utf8'");	//$sqlstr=$_POST['str'];	$sqlstr=html_entity_decode($_POST['str'],ENT_COMPAT,'UTF-8');	//$sqlstr=html_entity_decode($_POST['str']);	echo "sqlstr=".$sqlstr."<br />";	$res=$mysqli->query($sqlstr);	if (!$res){		echo $mysqli->error;		exit;	}	$finfo=$res->fetch_fields();	echo "<table border='1'><tr>";	foreach($finfo as $val){		echo "<td>".$val->name."</td>";	}	echo "</tr>";	while($row=$res->fetch_row()){		echo "<tr>";		for ($i=0;$i<$res->field_count;$i++){			echo "<td>".$row[$i]."</td>";		}		echo "</tr>";	}	echo "</table>";?></body></html>

Copy after login

建议直接用封装好的jquery来实现ajax的功能需求

初学,不懂jquery.
只是,我这个程序不复杂,应该javascript没问题吧.

初学,不懂jquery.
只是,我这个程序不复杂,应该javascript没问题吧.

初学就直接上jquery吧...嘿嘿研究一下 2小时就通了.

把服务端改作

<?phpprint_r($_POST);exit;

Copy after login

运行后可看到

郁闷了!
同样的代码,我的却是下面这个样子:

会不会和apache及php的版本有问题,或者有什么设置不对.
我的apache是2.2.4,
php是5.2.3

再附测试代码:

<!DOCTYPE html><html><head>	<title>测试</title>	<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">	<script>		function handleStateChange(){			if(xmlHttp.readyState==4){				if(xmlHttp.status==200){					document.getElementById("md").innerHTML=xmlHttp.responseText;				}			}		}				function createXMLHttpRequest(){			try {				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");			} catch (e) {				try {					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");				} catch (oc) {					xmlHttp=null;				}			}			if (!xmlHttp && typeof XMLHttpRequest !="undefined"){				xmlHttp=new XMLHttpRequest();			}			return xmlHttp;		}				function sendstr(){			var xmlHttp=createXMLHttpRequest();			var str="str="+document.getElementById("sqlstr").innerHTML;			var url="t2_1get.php";			xmlHttp.open("POST",url,true);			xmlHttp.onreadystatechange=handleStateChange;			xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");			xmlHttp.send(str);		}		</script>	</head><body>	<div id="sqlstr" contenteditable="true" style="border:1px solid #ccf;width:200px;height:20px;"></div>	<input type="submit" value="query" onclick="sendstr()"/>	<div id="md"></div></body></html>

Copy after login

t2_1get.php:

<?php	print_r($_POST);	exit();?>

Copy after login

如果在客户端加上encodeURIComponent转换,又成了这个样子:

如果 >'5'
变成了 >\'5\'
则表示 magic_quotes_gpc 开关是打开的，自动进行了转义处理
所以你需要有

if(get_magic_quotes_gpc()) {  $_POST['str'] = stripslashes($_POST['str']);}

Copy after login

感谢xuzuning版主的帮助!
可以了,感谢感谢!