xiaowei- 发布时间:2022-12-01 14:59
- 来源:极全网
- 阅读量:
标题：JSON数据前台提交到后台php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
名字：<input type="text" id="name" name="name"><br>
密码：<input type="password" id="password" name="password">
<button type="button" onclick="load()">点击</button>
<div id="myDiv"></div>
<script>
function load() {
var name = document.getElementById("name").value;
var password = document.getElementById("password").value;
var data = {
"name": name,
"password": password
}
var data= JSON.stringify(data); // JSON对象序列化（把js对象序列化为JSON字符串>>stringify()）
// 1.创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 2.请求行
xhr.open("POST", "./info.php");
// 3.请求头
xhr.setRequestHeader('Content-Type',' application/x-www-form-urlencoded');
// 4.设置数据
xhr.send("data="+data);
// 5.监听服务器响应
xhr.onreadystatechange = function(){
if (xhr.readyState==4 && xhr.status==200){
document.getElementById("myDiv").innerHTML=xhr.responseText;
}
}
}
</script>
</body>
</html>版权声明：本文内容由极全网实名注册用户自发贡献，版权归原作者所有，极全网-官网不拥有其著作权，亦不承担相应法律责任。具体规则请查看《极全网用户服务协议》和《极全网知识产权保护指引》。如果您发现极全网中有涉嫌抄袭的内容，点击进入填写侵权投诉表单进行举报，一经查实，极全网将立刻删除涉嫌侵权内容。
扫一扫在手机打开
评论
已有0条评论
0/150
提交
热门评论
