1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.       <meta charset="UTF-8">
  6.       <title>Document</title>
  7. </head>
  8.  
  9. <body>
  10. <h1>ajax获取数据</h1>
  11. <input type="button" id='getInfo' value='获取数据'>
  12. </body>
  13.  
  14. </html>
  15. <script type="text/javascript">
  16. // event 事件参数 浏览器 在调用 dom元素的 事件时 会传入一个参数 这里面有 一些浏览器信息,比如宽高,鼠标位置等
  17. document.querySelector('#getInfo').onclick = function(event) {
  18.             // 1.创建
  19.             var ajax = new XMLHttpRequest();
  20.  
  21.             // 2设置
  22.             ajax.open('get', '01.Ajax_get.php');
  23.  
  24.             // 3.发送
  25.             ajax.send();
  26.  
  27.             // 4.状态事件
  28.             ajax.onreadystatechange = function() {
  29.                         if (ajax.readyState == 4 && ajax.status == 200) {
  30.                                     // 5.使用返回的数据 修改页面的内容
  31.                                     // responseText 返回的就是一个 字符串
  32.                                     // 我们 在ajax 中 如果 是通过 ajax.responseText 获取到的 统统都是字符串
  33.                                     console.log(ajax.responseText);
  34.                         }
  35.             }
  36. }
  37.  
  38. </script>

　后台数据

  1. <?php
  2. 	$twoDArr = array(
  3. 		 array('肯德基','肯打鸡' ),
  4. 		 array('麦当劳','麦当娜' ),
  5. 		 array('必胜客','pizza and more' )
  6. 		);
  7.  
  8. 	// 网络传输时 没有 数组 的概念
  9. 	echo $twoDArr[2][0];
  10. 	echo '|';
  11. 	echo $twoDArr[2][1];
  12.  
  13. 	// 可以吧 数据的 类型 里面的值全部输出
  14. 	// var_dump($twoDArr[2]);
  15.  
  16. 	// print_r($twoDArr[2]);
  17.  
  18.  ?>

　　

　

原生 ajax get请求数据的更多相关文章

  1. 原生ajax的请求过程

    原生ajax的请求过程 创建全平台兼容的XMLHttpRequest对象: function getXHR(){ var xhr = null; if(window.XMLHttpRequest) { ...

  2. 09.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据,返回字符串

    cmd下安装axios npm install axios 安装好后,会多出node_modules文件夹 思路: 监听data里的word改变时,发送ajax异步请求数据, 把返回的数据赋值给dat ...

  3. 原生ajax的请求函数

    ajax:一种请求数据的方式,不需要刷新整个页面:ajax的技术核心是 XMLHttpRequest 对象:ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应 ...

  4. ajax异步刷新请求数据

    AJAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新.AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XM ...

  5. jQuery的deferred对象使用详解——实现ajax线性请求数据

    最近遇到一个ajax请求数据的问题 ,就是想要请求3个不同的接口,然后请求完毕后对数据进行操作,主要问题就是不知道这3个请求誰先返回来,或者是在进行操作的时候不能保证数据都已经回来,首先想到能完成的就 ...

  6. 原生ajax异步请求基础知识

    一.同步交互与异步交互的概念: * 同步交互:客户端向服务器端发送请求,到服务器端进行响应,这个过程中,用户不能做任何其他事情(只能等待响应完才能继续其他请求). * 异步交互:客户端向服务器端发送请 ...

  7. 原生ajax的请求封装get和post

    一个完整的AJAX请求包括五个步骤: 1.创建XMLHTTPRequest对象 2.使用open方法创建http请求,并设置请求地址 3.设置发送的数据,开始和服务器端交互 4.注册事件 5.获取响应 ...

  8. 在mui中创建aJax来请求数据..并展示在页面上

    <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <m ...

  9. ajax异步请求数据

    源码1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...

随机推荐

  1. Windows服务的新建，安装，卸载，调试以及调用！

    一.前言: 写这篇博文之前,我正顶着压力在尝试着调试我一无所知的Windows自建服务.历经千辛万苦,找了无数零散文档拼凑关于VisualStudio2015中怎样创建和调试服务程序!最后终于调试成功 ...

  2. MFC 消息中( WPARAM wParam,LPARAM lParam)包含信息

    windows的消息具有以下两个参数: (1)字参数(wParam) (2)长参数(lParam) 字参数和长参数都是32位整数,用于提供消息的附带消息,是消息传递过程中参数的载体.附加信息的消息号取 ...

  3. webview.loadUrl()可能会URLDecoder

    与服务器交互时,客户端对userId进行了URLEncoder,然后在webview.loadUrl时将userId传给服务端,服务端再 URLDecoder userId 可是神奇的事情出现了,客户 ...

  4. Linux shell例子

    #!/bin/bash read -p "input a dight:"echo $REPLY DATE=`date`echo "DATE is ${DATE}" ...

  5. SQL中的IF ELSE（CASE语句的使用）

    大家对IF ELSE语句可能都很熟悉,它是用来对过程进行控制的.在SQL的世界中CASE语句语句有类似的效果.下面简单的介绍CASE语句的用法.考虑下面的情况,假设有个user表,定义如下: CREA ...

  6. 按Home键切换到后台后会触发libGPUSupportMercury.dylib: gpus_ReturnNotPermittedKillClient导致crash

    转自:http://www.eoeandroid.com/thread-251598-1-1.html 好像有很多朋友都碰到过这个问题,即在真机调试时,按hone键返回桌面,再回到app时,app会c ...

  7. ubuntu 16.0安装 hadoop2.8.3

    环境:ubuntu 16.0 需要软件:jdk ssh https://mirrors.tuna.tsinghua.edu.cn/apache/hadoop/common/ 2.8.3 安装 jdk并 ...

  8. 什么是Java Marker Interface（标记接口）

    先看看什么是标记接口?标记接口有时也叫标签接口(Tag interface),即接口不包含任何方法.在Java里很容易找到标记接口的例子,比如JDK里的Serializable接口就是一个标记接口. ...

  9. UVA - 1658 Admiral （最小费用最大流）

    最短路对应费用,路径数量对应流量.为限制点经过次数,拆点为边.跑一次流量为2的最小费用最大流. 最小费用最大流和最大流EK算法是十分相似的,只是把找增广路的部分换成了求费用的最短路. #include ...

  10. url编码和解码平台

    http://meyerweb.com/eric/tools/dencoder/