AJAX XMLHttpRequest 2

2018-04-24 15:45:00
admin
原创
310
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
  //空对象然后添加
  //var fd = new FormData();
  //fd.append("name", document.getElementById("name").value);
  //fd.append("city", document.getElementById("city").value);
	
  //通过表单对象创建 FormData
  var fd = new FormData(document.getElementById("form"));
	
  //XMLHttpRequest 原生方式发送请求
  var xhr = new XMLHttpRequest();      
  xhr.open("POST" ,"/jquery/demo_test_post.php" , true);
  xhr.send(fd);
  xhr.onload = function(e) {
    if (this.status == 200) {
       alert(this.responseText);
    };
  };

}
</script>
</head>
<body>

<h2>AJAX XMLHttpRequest 2</h2>
<form id="form">
    <input type="text" name="name" id="name" value="Henry" />
    <br><br>
	<input type="text" name="city" id="city" value="Ford" />
    <br><br>
	<button type="button" onclick="loadXMLDoc()">请求数据</button>
</form>	

<div id="myDiv"></div>
 
</body>
</html>				
				
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227