AJAX post get

发布时间：2020-12-16 00:39:40 所属栏目：百科来源：网络整理

导读：AJAX： GET方法例如： data.php ?php $number = $_GET['num1'] + $_GET['num2'];echo $number; ? !doctype htmlhtml lang="en"headmeta charset="UTF-8"titleDocument/titleSCRIPT TYPE="text/javascript"var xmlhttp;if (window.XMLHttpRequest) {// code

AJAX： GET方法

例如：

data.php

<?php 
$number = $_GET['num1'] + $_GET['num2'];

echo $number;

 ?>

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<SCRIPT TYPE="text/javascript">
	var xmlhttp;
	if (window.XMLHttpRequest)
	  {// code for IE7+,Firefox,Chrome,Opera,Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6,IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }

	function clickme () {
    document.getElementById('show').innerHTML = xmlhttp.responseText;
		
	}
  xmlhttp.open("GET","./data.php?num1=1&num2=2",true);
  xmlhttp.send();
	</SCRIPT>
</head>
<body>
	<input type="button" value="异步数据" onclick="clickme()">
  <div id="show"></div>
</body>
</html>

显示效果

AJAX ：POST方法

data.php

<?php 
$number = $_POST['num1'] + $_POST['num2'];

echo $number;

 ?>

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<SCRIPT TYPE="text/javascript">
	var xmlhttp;
	if (window.XMLHttpRequest)
	  {// code for IE7+,IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }

	function clickme () {
    document.getElementById('show').innerHTML = xmlhttp.responseText;
		
	}
  xmlhttp.open("POST","./data.php",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("num1=1&num2=2");
	</SCRIPT>
</head>
<body>
	<input type="button" value="异步数据" onclick="clickme()">
  <div id="show"></div>
</body>
</html>

效果图:

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!