计算机与it入门实验讲义

计算机与it入门实验讲义

ID:12560673

大小:181.60 KB

页数:13页

时间:2018-07-17

计算机与it入门实验讲义_第1页
计算机与it入门实验讲义_第2页
计算机与it入门实验讲义_第3页
计算机与it入门实验讲义_第4页
计算机与it入门实验讲义_第5页
资源描述:

《计算机与it入门实验讲义》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、计算机与IT入门实验讲义实验项目:Ajax+Json讲义实验手册大连理工大学软件学院创新实践基地2016年6月实验说明本实验文档为软件学院14级《计算机与IT入门》课程编写,主要内容为ajax应用、json数据格式的读取,css样式表。结合这几项技术设计出一个在静态HTML页面中,实现脚本控制案例。试验1AJAX的应用AJAX简介AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。您应当具备的基础知识在继续学习之前,您需要对下面的知识有基本的了解:·HTML/XHTML·CSS·JavaScript/DOM什么是AJAX?AJAX=异步

2、JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用AJAX)如果需要更新内容,必需重载整个网页面。有很多使用AJAX的应用程序案例:新浪微博、Google地图、开心网等等。GoogleSuggest在2005年,Google通过其GoogleSuggest使AJAX变得流行起来。GoogleSuggest使用AJAX创造出动态性极强的web界面:当您在谷歌的搜索框输入关键字时,Jav

3、aScript会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。AJAX实例AJAX实例解释上面的AJAX应用程序包含一个div和一个按钮。div部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为btnAdd()单击事件的匿名函数:

4、id="jsonTip">

接下来,在页面的head部分添加一个试验2JSON数据的读取JSON简介类似XML·JSON是纯文本·JSON具有“自我描述性”(人类可读)·JSON具有层级结构(值中存在值)·JSON可通过JavaScript进行解析·JSON数据可使用AJAX进行传输相比XML的不同之处·没有结束标签·更短·读写的速度更快·能够使用内建的JavaScripteval()方法进行解析·使用数组·不使用保留字为什么使用JSON?对于AJAX应用程序来说,JSON比XML更快更易使用:使用XML·

6、读取XML文档·使用XMLDOM来循环遍历文档·读取值并存储在变量中使用JSON·读取JSON字符串·用eval()处理JSON字符串JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。·数据在名称/值对中·数据由逗号分隔·花括号保存对象·方括号保存数组JSON名称/值对JSON数据的书写格式是:名称/值对。名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:"firstName":"John"这很容易理解,等价于这条JavaScript语句:firstName="John"J

7、SON值JSON值可以是:·数字(整数或浮点数)·字符串(在双引号中)·逻辑值(true或false)·数组(在方括号中)·对象(在花括号中)·nullJSON对象JSON对象在花括号中书写:对象可以包含多个名称/值对:{"firstName":"John","lastName":"Doe"}这一点也容易理解,与这条JavaScript语句等价:firstName="John"lastName="Doe"JSON数组JSON数组在方括号中书写:数组可包含多个对象:{"employees":[{"firstName":"John","lastName":"

8、Doe"},{"firstName":"Anna","lastName":"Sm

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签