1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

    window.onload = function(){

        var btn = document.getElementById('btn');

        btn.onclick = function(){

            var xhr = null;

            try{

                xhr = new XMLHttpRequest();

            }catch(e){

                xhr = new ActiveXObject('Microsoft.XMLHTTP');

            }

            /*

            get 方式请求数据，1：缓存，解决方法：加上时间戳

                            2: 中文，采用ecodeURI

            但在最新的浏览器中均不需要

            xhr.open('get','2_get.php?username='+encodeURI('刘伟')+'&age=20&'+new Date().getTime(),true);

            xhr.send();

            */

            /*post 方式请求数据，数据放的位置不同*/

            xhr.open('post','2_get.php',true);

            xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

            xhr.send('username=leo&age=20');

            xhr.onreadystatechange = function(){

                if(xhr.readyState == 4){

                    alert(xhr.responseText);

                }

            }

        };

    };

</script>

</head>

<body>

<input type="button" value="按钮" id="btn"/>

</body>

</html>
<?php

    header('content-type:text/html; charset="utf-8"');

    error_reporting(0);

//    $username = $_GET['username'];

//    $age = $_GET['age'];

    $username = $_POST['username'];

    $age = $_POST['age'];

    echo "欢迎，你的名字：{$username}，年龄：{$age}";




												


											
原生的ajax,get post请求需要注意的地方的更多相关文章
	

    
								
  1. 原生JS实现ajax 发送post请求
		
    1. [代码]原生JS实现ajax 发送post请求 <script> var oStr = ''; var postData = {}; var oAjax = null; //post ...
    
		
    2. 
						
  2. 使用XMLHttpRequest对象完成原生的AJAX请求
		
    1.大家眼中的Ajax 说到Ajax,只要有过前端开发经验的童鞋一定都不陌生,大都知道它就是一种与后端之间的通信技术,通过这个神奇的家伙,我们不用像传统表单那样填完信息一点提交就呼啦呼啦跳转了.Aja ...
    
		
    3. 
						
  3. 原生 JS Ajax,GET和POST 请求实例代码
		
    javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest ...
    
		
    4. 
						
  4. 原生js ajax请求
		
    什么是ajax AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新. 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新, ...
    
		
    5. 
						
  5. 解决ajax跨域请求  （总结）
		
    ajax跨域请求,目前已用几种方法实现:   1)用原生js的xhr对象实现.                var url="http://freegeoip.net/json/" ...
    
		
    6. 
						
  6. ajax跨域请求のJSONP
		
    简单说了一下,JSON是一种基于文本的数据交换方式,或者叫做数据描述格式. JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级 ...
    
		
    7. 
						
  7. 第113天：Ajax跨域请求解决方法
		
    一.原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要 ...
    
		
    8. 
						
  8. 原生js ajax与jquery ajax的区别
		
    原生js ajax的调用: ajax({ type : "get", url : "02_ajax_get.txt", data : { "userN ...
    
		
    9. 
						
  9. JSONP实现Ajax跨域请求
		
    前言 由于浏览器存在同源策略的机制,所谓同源策略就是阻止从一个源(域名,包括同一个根域名下的不同二级域名)加载的文档或者脚本获取/或者设置另一个源加载的文档属性. 但比较特别的是:由于同源策略是浏览器 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 接受H0的坏处|试验误差|置信度由来|
			
    生物统计与实验设计 置信度(0.05 0.01)是通过实验次数估计值的分布得到的,它是整个分布的期望,这个值的确立需要具体情况具体分析. 肯定很难,因为否定一次很容易.虽然如果没有否定(eg:得到p= ...
    
			
    2. 
						
  2. 新特DEV1光速发布背后：原来“开公司”也能风驰电掣
			
    去年12月16日,总融资额达到200亿元的蔚来汽车正式推出电动SUV车型ES8:去年12月22日,威马汽车宣布最新一轮融资,累计获得120亿元的融资额:今年1月29日,小鹏汽车宣布启动总额为22亿元人 ...
    
			
    3. 
						
  3. 转-web自动化测试，定位不到元素的原因及解决方案
			
    1.动态id定位不到元素 分析原因:每次打开页面,ID都会变化.用ID去找元素,每次刷新页面ID都会发生变化. 解决方案:推荐使用xpath的相对路径方法或者cssSelector查找到该元素. 2. ...
    
			
    4. 
						
  4. python列表推导式（扫盲）
			
    1) 简单了解: 所谓的列表推导式,就是指的轻量级循环创建列表. 格式: 列表推导式的常见形式: my_list = [ item for item in iterable] my_list: 列表名 ...
    
			
    5. 
						
  5. Vuex安装使用
			
    vuex是以插件的方式存在的. 安装:打开项目的根目录,即package.json所在目录,执行以下命令: npm install vuex --save-dev 背景:小型应用里的每个组件维护着自有 ...
    
			
    6. 
						
  6. python 自动发送邮件遇到的问题
			
    在学习自动化测试高级应用,根据内容写关于自动发送邮件出现了几个问题以及解决办法: 问题1: 代码写好之后,运行的时候,出现如下报错: SMTPAuthenticationError: (550, '\ ...
    
			
    7. 
						
  7. 杀入红海市场 ZUK手机底气在哪？
			
       从越来越奢华的发布会舞台屏幕,到创意越来越烧脑的邀请函,一款新手机的发布工作变得越来越系统化.何时展示.如何亮相,都成为影响一部手机情怀,甚至销售好坏的重要因素.虽然很难以一个固定标准衡量各个手 ...
    
			
    8. 
						
  8. 图解教你如何使用ANT打包java程序
			
    1:在eclipse中建立如下的工程 值得注意的就是build.xml文件(这个是重点后面会提到) ,其他HelloWorld中的就是一句简单的输出语句 2: 使用build打包(右键然后选择运行), ...
    
			
    9. 
						
  9. postgresql学习记录1
			
    数据库9.3.5,系统fedora20,不同系统操作略有不同. 使用yum 命令安装即可:sudo yum install postgresql,postgresql-server 安装完毕后系统中会 ...
    
			
    10. 
						
  10. 对话|人工智能先驱Yoshua Bengio
			
    ​​ ​ Bengio"> 今年1月份,微软收购深度学习初创公司Maluuba时,Maluuba公司德高望重的顾问.深度学习先驱Yoshua Bengio也接手了微软的人工智能研究顾问 ...
    
			
    11.