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. c socket 开发测试
			
    c语言异常 参照他人代码写一个tcp的 socket 开发测试 异常A,在mac osx系统下编译失败,缺库转到debian下. 异常B,include引用文件顺序不对,编译大遍异常 异常C,/usr ...
    
			
    2. 
						
  2. 经典题型-打印小星星（python）
			
    # * # * * # * * * # * * * * # * * * * * x = 0 while x < 5: x += 1 # 每次循环需要给y赋值0.清空y中存储的值 y = 0 wh ...
    
			
    3. 
						
  3. open()操作文件
			
    open()函数用来读取.写文件 参数解释: r:只读 w:只写,此时进行读,会报错 a:只追加 r+:可读可写 w+:可读可写 a+:可读可写 rb\rb+\wb\wb+\ab\ab+ 针对二进制文 ...
    
			
    4. 
						
  4. SQLite数据库迁移MySQL(MariaDB)完整步骤
			
    第一步(SQLite导出数据库): 命令方式导出数据库 > .output d:/data/lagou.sql //导出路径及文件名 > .dump //开始导出 修改lagou.sql文 ...
    
			
    5. 
						
  5. 点击一个ul的五个li元素，分别弹出他们的序号，怎么做？
			
    方法1 : for(var i=0; i<oLis.length; i++){ oLis[i].onclick = (function(j){ return function(){ alert( ...
    
			
    6. 
						
  6. 正则提取关键字符-python代码实现
			
    原文地址:http://www.bugingcode.com/blog/python_re_extraction_key.html 关于python的正则使用在以前的文章中 http://www.bu ...
    
			
    7. 
						
  7. androidthreadtest<CODE 2 chaper9>
			
    学习目的:1.了解android线程的使用 2.了解主线程与子线程区别 3.解析异步处理机制主线程与子线程:所谓主线程,在Windows窗体应用程序中一般指UI线程,这个是程序启动的时候首先创建的线程 ...
    
			
    8. 
						
  8. Jetson TX2镜像刷板法
			
    使用Nvidia官方自带的脚本,备份镜像.恢复镜像,快速在新板子中部署DL环境 在之前的一篇博客中,详细介绍了使用JetPack刷系统以及使用离线包部署DL环境(cuda.cudnn.opencv.c ...
    
			
    9. 
						
  9. 会员VS广告：陷入两难抉择的视频网站该如何自救
			
    ​ 互联网实在是非常奇妙,其在让一个行业兴起时,却又对传统行业造成严重冲击.比如电商不断创造销售神话,由此成为线下实体店严重萎靡,客流量和销售额直线下降的重要原因之一.但与此同时,因互联网而狂奔的新兴 ...
    
			
    10. 
						
  10. Vue.js——学习笔记（一）
			
    Vue-自学笔记 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅 ...
    
			
    11.