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. Linux程序写入oralce数据库中文显示为问号？？？ 代码实现设置环境变量！

    Linux程序写入oralce数据库中文显示为问号??? 1.问题介绍 根本原因是字符集的问题,是数据库的字符集和写入程序的linux系统的字符集不一致导致: 但是用export NLS_LANG=& ...

  2. Servlet与JSP内置对象的对应关系、Servlet获取表单、Servlet路径跳转

    项目的根目录指的是webroot: 服务器内部跳转: 或者使用../:“..”代表回到上一级目录

  3. 网络唤醒全攻略(Wake On Lan)

    家里组了台服务器存放资料,或者作为开发服务器,远程登陆成为刚性需求,由于机器需要的时候才用到,所以如果经常开机的话很费电,按需开机是最佳办法:网上教程很多,但是比较杂乱,表达累赘:还是自己总结一篇简单 ...

  4. Windows 8 快捷键

    三月份,Kurt Walter 在 Windows团队博客中发表了一篇介绍 Windows 8 和全新快捷键的精彩文章. Windows 8 提供了出色的触摸体验,但在我的台式机上使用了几个月后我还发 ...

  5. java面向对象理解

    面向对象:世间一切事物均可认为是对象,用户不必了解软件内部的实现机制,可根据需要直接调用接口,生成一个正常工作的应用程序. 面向对象的特点:抽象,封装,继承,多态性, 对象:对象就是一个具有明确行为的 ...

  6. java并发之原子性

    详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp17 1.原子性操作: 不能被线程调度机制中断的操作:--对原子性变量的赋值 ...

  7. 从async await 报错Unexpected identifier 谈谈对上下文的理解

    原文首发地址: 先简单介绍下async await: async/await是ES6推出的异步处理方案,目的也很明确:更好的实现异步编程.   详细见阮大神 ES6入门 现在说说实践中遇到的问题:使用 ...

  8. Motion control encoder extrapolation

    Flying Saw debug Part1 Encoder extrapolation Machine introduction A tube cutting saw, is working for ...

  9. Winform控件输入的字母转换成大写

    private void textBoxHbh_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar >= 'a' & ...

  10. RAID基础知识总结

    1.RAID RAID:Redundant Arrays of Inexpensive(Independent)Disks,即独立磁盘冗余阵列,简称磁盘阵列.简单地说就是把多个独立的硬盘组合起来,从而 ...