php和html数据交互,html如何与php数据交互

您所在的位置:网站首页 php与html交互 php和html数据交互,html如何与php数据交互

php和html数据交互,html如何与php数据交互

#php和html数据交互,html如何与php数据交互| 来源: 网络整理| 查看: 265

6fad450cfea7c44efa52f39921d5d6db.png

php文件与HTML页面的数据交互

HTML发送(使用POST发送)

无标题文档 dogcat

searchArray = document.getElementsByTagName('li');//获取名字为’li’的所有标签项并存入数组

var writeArray = [];

for(var i = 0;i

writeArray[i] = searchArray[i].innerText;//获取标签内容writeArray = ['dog','cat'];

}

//使用POST将数组writeArray发送到php文件servertest.php

var request = new XMLHttpRequest();

request.open("POST", "servertest.php");

var q = "data=" + writeArray;// q="name"+ value;

//发送内容体由name+value组成,此处name为data,value为writeArray

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

request.send(q);

request.onreadystatechange = function() {

if (request.readyState===4) {

if (request.status===200) {

} else {

alert("发生错误:" + request.status);

}

}

}

注:关键操作var request = new XMLHttpRequest();

request.open("POST", "servertest.php");

var q = "data=" + writeArray;// 生成信息体q = “name “+ value

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

request.send(q);

//HTML页面POST发送内容后,php通过超全局变量 $_GET 和 $_POST收集

php接收(使用超全局变量$_GET 和 $_POST收集)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3