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. python3之scrapy数据存储问题（MySQL）
			
    这次我用的是python3.6,scrapy在python2.7,3.5的使用方法都不同所以要特别注意, 列如 在python3.5的开发环境下scrapy 的主爬虫文件可以使用 from urlli ...
    
			
    2. 
						
  2. python自动化测试之函数（匿名函数lambda和三目运算等（高级用法））
			
    ''' 匿名函数: lambda ''' def Add(a,b): print(a+b) Add(2,3) per = lambda a,b:a+b print(per(2,3)) ''' 三目运算 ...
    
			
    3. 
						
  3. python的拆包（扫盲）
			
    什么是拆包 拆包: 对于函数中的多个返回数据, 去掉元组, 列表 或者字典 直接获取里面数据的过程. 怎么拆包 1) 对列表进行拆包 my_list = [1, 3.14, "hello&q ...
    
			
    4. 
						
  4. [hdu4630] No Pain No Game
			
    某次模拟赛的T1. 刚开始怀疑是RMQ......我真是太弱了QAQ 题目传送门 正解是离线操作,把所有询问按r从小到大排序. 然后把数从左到右处理,处理完第i个数,就可以回答所有r==i的询问了.  ...
    
			
    5. 
						
  5. unittest（22）- p2p项目实战（2）-http_request
			
    # 2. http_request.py import requests from learn_logging_5.write_log_class import MyLog my_logger = M ...
    
			
    6. 
						
  6. js怎么获取动态链式属性呢？
			
    动态链式属性?我自己起的名字,样子就是 var data={ list:{ name:'zxf' } }var prop="list.name";console.log(data[ ...
    
			
    7. 
						
  7. MatterTrack Route Of Network Traffic :: Matter
			
    Python 1.1 基础 while语句 字符串边缘填充 列出文件夹中的指定文件类型 All Combinations For A List Of Objects Apply Operations  ...
    
			
    8. 
						
  8. 同时安装Python2，Python3如何解决冲突问题【官方解法】
			
    使用py -2或py -3命令来区分调用Python启动器 去掉参数 -2/-3如何运行? 每次运行都要加入参数-2/-3还是比较麻烦,所以py.exe这个启动器允许你在代码中加入说明,表明这个文件应 ...
    
			
    9. 
						
  9. python通用读取vcf文件的类（可以直接复制粘贴使用）
			
    前言   处理vcf文件的时候,需要多种切割,正则匹配,如果要自己写其实会比较麻烦,并且每次还得根据vcf文件格式或者需要读取的值不同要修改相应的代码.因此很多人会选择一些python的vcf的库,但 ...
    
			
    10. 
						
  10. SpringCloud Ribbon组成和负载均衡规则
			
    Ribbon饥饿加载 默认情况下Ribbon是懒加载的.当服务起动好之后,第一次请求是非常慢的,第二次之后就快很多. 解决方式:开启饥饿加载 ribbon: eager-load: enabled:  ...
    
			
    11.