ajax发送数据 php端得到数据

最新推荐文章于 2022-12-07 17:31:06 发布

hu36978

最新推荐文章于 2022-12-07 17:31:06 发布

阅读量2.5k

点赞数

分类专栏： js/ajax 文章标签： ajax php xmlhttprequest function javascript input

本文链接：https://blog.csdn.net/hu36978/article/details/5665389

版权

js/ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

使用get方式：

php端：

<?php
$info=$_GET["id"]; // ==========get方式比较容易得到ajax发送的数据
echo "得到的信息是:".$info;
if($info){
$h=fopen("a.txt","a+");
fwrite($h,$info);
fclose($h);
}

html

<html>
<head>
<title>AJAX and the DOM</title>
<script language="JavaScript">
var xmlhttp = false; //创建一个新变量 request 并赋值 false。使用 false 作为判断条件，它表示还没有创建 XMLHttpRequest 对象。
function CreateXMLHttp(){
   if(window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
   }
   else if(window.ActiveXObject)
   {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); //较新版本的IE
    if(!xmlhttp) {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //较旧版本的IE
    }
   }
   return xmlhttp;
}
xmlhttp = CreateXMLHttp();

function send()
{

   var name = document.getElementById("name").value; //取名字
   var age = document.getElementById("age").value; //取年龄
   var info = name+"|"+age; //简单的将姓名和年龄用竖线分割交给服务器处理
var result = document.getElementById("result");

   xmlhttp.onreadystatechange = function (){
    if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
     result.innerHTML = xmlhttp.responseText;
window.alert("ok");
    }
   }
    xmlhttp.open("GET","http://localhost/get.php?id="+info,true);
    xmlhttp.send(info);
}
</script>
</head>
<body>
<div id="Content">
<input type="text" id = "name" value="myname" />
<br/>
<input type="text" id = "age" value="99" />
</div>
<input type="button" value="Test me!" onClick="send();" />
<div id = "result"></div>
</body>
</html>

hu36978

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
ajax发送数据 php端得到数据

<br />使用get方式：<br />php端：<br /> <br /> <br /><?php <br />$info=$_GET["id"]; // ==========get方式比较容易得到ajax发送的数据<br />echo "得到的信息是:".$info;<br />if($info){<br />$h=fopen("a.txt","a+");<br />fwrite($h,$info);<br />fclose($h);<br />}<br /><br />?><br /> <br />
复制链接

扫一扫