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. Spring_IOC
			
    我们都知道,如果要在不同的类中使用同一个对象一般我们我们都需要在每一个类中都去new一个新的对象,也有的人会为这个对象写一个工具类,无论哪种方法都需要我们自己去创建,不但繁琐,而且相当耗损资源,所以才 ...
    
			
    2. 
						
  2. [LC] 379. Design Phone Directory
			
    Design a Phone Directory which supports the following operations: get: Provide a number which is not ...
    
			
    3. 
						
  3. 16）用了session会话技术
			
    为什么用session会话技术? 因为假如你进入后台,不可能随意进入,即使你的验证通过了,那么还需要一个变量来存一个标志,假如标志的值是yes,那么我们可以直接进入后台的首页,无需验证,但是,标志是n ...
    
			
    4. 
						
  4. NEON优化之《简介》
			
    NDK支持NEON环境配置:https://blog.csdn.net/app_12062011/article/details/50462351 一个很典型的例子:http://hilbert-sp ...
    
			
    5. 
						
  5. RSA key lengths
			
    RSA key lengths From http://www.javamex.com/tutorials/cryptography/rsa_key_length.shtml When you cre ...
    
			
    6. 
						
  6. （七）spring+druid多数据源配置
			
    druid多数据源配置 一.druid简介 Druid首先是一个数据库连接池,但它不仅仅是一个数据库连接池,它还包含一个ProxyDriver,一系列内置的JDBC组件库,一个SQL Parser.  ...
    
			
    7. 
						
  7. Luogu_1280_尼克的任务
			
    题目描述 尼克每天上班之前都连接上英特网,接收他的上司发来的邮件,这些邮件包含了尼克主管的部门当天要完成的全部任务,每个任务由一个开始时刻与一个持续时间构成. 尼克的一个工作日为N分钟,从第一分钟开始 ...
    
			
    8. 
						
  8. 华为云linux服务器部署TensorFlow-gpu全攻略
			
    最近在玩谷歌新开源的自然语言模型bert,最开始是在google的免费GPU上面来弄的(这个部分其实也是可以写一个教程的,中间坑也挺多).但谷歌比较坑人,小数据集还行,大点的数据集训练耗费时间长,再加 ...
    
			
    9. 
						
  9. Matplotlib绘图库入门（七）：高效使用
			
    原文地址: !()[http://www.bugingcode.com/blog/Matplotlib_7_Effectively_Using.html] 这是一篇关于如何高效的使用Matplotli ...
    
			
    10. 
						
  10. configure: error: C compiler cannot create executables报错处理
			
    在测试环境安装php的imagick扩展在执行./configure生成编译文件时出现报错如下: 通过查看config.log发现有报错,在网上经验教程里发现前面的报错不管,直奔最后的报错即可,发现是 ...
    
			
    11.