PHP AJAX简单案例
米项禹
前端
<html>
<head>
<script>
function ajax1(str)
{
if (str.length==0)
{
document.getElementById("inpitext").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
xmlhttp=new XMLHttpRequest();
}else
{
//IE6, IE5 浏览器执行的代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
//返回状态正常为200情况设置inputtext的内容为返回的数据
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("inpitext").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getajax.php?text="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<b>输入字符:</b>
<form>
字符: <input type="text" onkeyup="ajax1(this.value)">
</form>
后端返回值: <span id="inpitext"></span>
</body>
</html>PHP后端
<?php
//从URL地址中获取参数
$get=$_GET["text"];
//输出返回值
echo $get;
?>原理onclick点击后执行js代码判断input是否为空，为空设置输出端为空获取后端返回的数据后直接输出，正常后端返回json数据
========================================================================
以下他人代码
//GET方法只需修改url，通过?参数名=值&参数名=值的形式发送数据
xmlhttp.open("GET", "https://mu-mu.cn/1.php?name=mumu", true);
//后端
$name = $_GET['name'];
//POST方法 POST发送数据的方式多种多样，可以以表单、json、编码字符等形式发送，只需要设置请求头就可以了
let data = "name=mumu";
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlhttp.send(data);
//同样后端获取前端POST数据的形式也是相应变化的,常见的有两种：
$_POST['fieldname']或者$_REQUEST['fieldname']对应x-www-form-urlencoded，也就是表单发送过来的数据
file_get_contents("php://input");可以获取任何POST数据，但是还要自己对数据进行处理
类似资料：