1、用php编写一个提供数据的响应程序（phpdata.php）

<?php

$arr=array(1,2,3,4);

//将数组编码为JSON格式的数据

$jsonarr=json_encode($arr);

//输出JSON格式的数据

echo $jsonarr;

?>

2、客户端（ajax.html）

<!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>

        <script type="text/javascript" src="json.js"></script>

        <script type="text/javascript">

            function getXHR(){//获取跨浏览器的XmlHttpRequest对象

                var req;

                if (window.XMLHttpRequest) {

                    req= new XMLHttpRequest();

                }else if(window.ActiveXObject){

                    req= new ActiveXObject("Microsoft.XMLHTTP");

                }

                return req;

            }

            function getServerData(){

                //获取跨浏览器的XHR对象

                xhr = getXHR();

                //设置随机数，避免AjaxURL的HTTP缓存

                rand= Math.random(1);

                url="phpdata.php?id="+rand;

                //XmlHttpRequest对象的open()方法；

                //创建一个新的HTTP连接。

                //可以是GET或者POST这样的所有有效的请求类型。

                //URL应该是一个完整的路径地址。

                //false或者true参数控制send()方法是会阻塞（等待服务器返回数据）还是立即返回。

                xhr.open("GET",url,false);

                //XmlHttpRequest对象的send()方法；

                //向服务器发出请求。

                //基于open()方法的false（同步）或者true（异步）控制，或者等待服务器数据，或者立即返回

                //括号中content参数，在post类型中用到，它可以用来向服务器发送数据

                xhr.send();

                //XmlHttpRequest对象的responseText属性：以字符串形式表达服务器的响应内容

                json=xhr.responseText;

                //将json数据转为js数组

                jsArr=json.parseJSON();

                div=document.getElementById("jsonData");

                div.innerHTML=jsArr[1];

            }

        </script>

	</head>

	<body>

		<a href="#" onclick="getServerData()">Get Server Data</a>

        <div id="jsonData"></div>

	</body>

</html>

输出结果：2

在JavaScript中使用json.js：Ajax项目之GET请求（同步）的更多相关文章

  1. 在JavaScript中使用json.js：使得js数组转为JSON编码

    在json的官网中下载json.js,然后在script中引入,以使用json.js提供的两个关键方法. 1.数组对象.toJSONString() 这个方法将返回一个JSON编码格式的字符串,用来表 ...

  2. 在JavaScript中使用json.js：Ajax项目之POST请求（异步）

    经常在百度搜索框输入一部分关键词后,弹出候选关键热词.现在我们就用Ajax技术来实现这一功能. 一.下载json.js文件 百度搜一下,最好到json官网下载,安全起见. 并与新建的两个文件部署如图 ...

  3. 在JavaScript中使用json.js：访问JSON编码的某个值

    演示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...

  4. JavaScript中使用JSON，即JS操作JSON总结

    JSON(JavaScript Object Notation 对象标记) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生 ...

  5. JavaScript中解析JSON --- json.js 、 json2.js 以及 json3.js的使用区别

    JSON官方(http://www.json.org/)提供了一个json.js,json.js是JSON官方提供的在JavaScript中解析JSON的js包,json.js.json2.js.js ...

  6. python3开发进阶-Djamgo框架中的JSON和AJAX

    阅读目录 什么是JSON 什么是AJAX AJAX常见的应用情景 jQery实现AJAX AJAX请求如何设置csrf_token AJAX上传文件 补充Django内置的serializers 一. ...

  7. Java和JavaScript中使用Json方法大全

    林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka   摘要:JSON(JavaScript Object Notation) 是一种轻量级的数 ...

  8. Json学习总结（1）——Java和JavaScript中使用Json方法大全

    摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语 ...

  9. 简单使用JSON,JavaScript中创建 JSON 对象(一)

    JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. ...

随机推荐

  1. Java - 9个处理异常的最佳准则

    其实工作这么久了一直都没搞清楚到底如何来处理异常,偶然看到一篇外文感觉还不错,便把它翻译了下来,原文链接位于本文末尾处. 在java中处理异常并不是一件简单的事,不止初学者觉得它难以理解甚至连有经验的 ...

  2. java创建目录与文件

    java创建目录与文件: package com.led.file; import java.io.File; import java.io.IOException; public class Fil ...

  3. [2013-01-15]The Little Schemer 学习笔记

    <The Little Schemer> FP编程.lisp入门必备 这书貌似没中文版: 有英文pdf版:完整版下载链接 英文不好的,被前几页噎住的,可以先到这里看翻译好的前言部分 看完人 ...

  4. jenkins到底如何拉取代码 如何部署的

    tips:jenkins通过配置,将之前编译.打包.上传.部署到Tomcat中的过程交由jenkins,jenkins通过指定的代码地址url,将代码拉取到其jenkins的安装位置,进行编译.打包和 ...

  5. 常用Dos操作指令

    1 dir 无参数:查看当前所在目录的文件和文件夹. /s:查看当前目录已经其所有子目录的文件和文件夹. /a:查看包括隐含文件的所有文件. /ah:只显示出隐含文件. /w:以紧凑方式(一行显示5个 ...

  6. 马士兵讲jsp项目--BBS项目分析笔记

    1 导言 作为一个新手JAVA程序员,我相信很多人和我一样急切的想要寻找项目来做,这里我把马士兵老师讲的JAVA WEB的第一个小项目拿过来给大家分享一下. 首先,对一个项目而言我们先要认识清楚我们要 ...

  7. About the diffrence of wait timed_wait and block in java

    import java.util.concurrent.locks.Lock; import java.util.concurrent.locks.ReentrantLock; /** * * @au ...

  8. Python Celery队列

    Celery队列简介: Celery 是一个 基于python开发的分布式异步消息任务队列,通过它可以轻松的实现任务的异步处理, 如果你的业务场景中需要用到异步任务,就可以考虑使用celery. 使用 ...

  9. Apple公司开发者账号申请(2017包含邓白氏码申请)

    1.首先看需要那种账号 2.这个需要的是公司开发者账号,首先我们注册一个普通apple账号 打开网址 https://developer.apple.com 进入点击Account 进入登录页面,点击 ...

  10. Java中 Comparator接口 与Comparable 的区别

    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt159 comparator接口与Comparable接口的区别 1. Com ...