AJAX学习笔记——JSON】的更多相关文章

JSON基本概念 1.JSON : JavaScript对象表示法( JavaScript Object Notation ) 2.JSON是存储和交换文本信息的语法,类似XML.它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 3.JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 JSON与XML比较 1.json的长度和xml格式比起来很短小 2.json读写的速度更快 3.json可以使用JavaScript内建的方法直…
AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能.这类似于回调函数的做法.onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果,如: 复制代码 代码如下: ajaxObj=createAjaxObject(); var url="/MyTod…
单程: View服务寄存器ViewJsonStrategy之后,有可能直接在控制器action是使用JsonViewModel输出json的数据. 注冊ViewJsonStrategy: //module/Application/module.php class Module{ public function onBootstrap(MvcEvent $e) { $eventManager = $e->getApplication()->getEventManager(); $eventMan…
AJAX学习 AJAX简介: 全称:Asynchronous JavaScript and XML (JavaScript执行异步网络请求(JS和XML)),通过AJAX可以在浏览器向服务器发送异步请求 优势:无刷新获取数据 使命:在asp.net mvc中为了降低Controller与View的耦合性,同时提高服务器的性能,实现真正的前后端分离,通过Ajax发送请求,当服务端接受该请求后将处理的数据通过JSON数据格式返回给视图,最后通过浏览器渲染呈现给用户. 工作原理流程图: 注意:AJAX…
本文转载自:http://www.softeng.cn/?p=107 这是本人在学习ajax过程所做的笔记,通过本笔记的学习,可以完成ajax的快速入门.本笔记前端分别使用原生态的javascript语言和jQuery语言,服务器端使用PHP语言. 一.基础知识 1.创建XMLHttpRequest对象(不同的浏览器获取XMLHttpRequest方法不同) //创建ajax引擎 function getXMLHttpRequest() { var xmlhttp; try { //Firefo…
本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别 之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8…
二.prototype库具体解释 1.prototype库的使用 //导入下载好的prototype.js文件 <script type="text/javascript" src="prototype.js"></script> //在自己的js中直接使用Prototype对象 <script type="text/javascript"> document.writeln("Prototype库的…
ajax是一个与服务器端语言无关的技术,可以使用在任何语言环境下的web项目(如JSP,PHP,ASP等). ajax优点: 1) 页面无刷新的动态数据交互 2) 局部刷新页面 3) 界面的美观 4) 对数据库的操作 ajax使用 第一步:创建ajax引擎(获取XMLHttpRequest对象) 不同浏览器内核,获取XMLHttpRequest对象方法不一样.所以在创建ajax引擎之前需要先判断浏览器内核. 主流浏览器内核有:IE浏览器,火狐浏览器(Firefox) 创建方法一: var xml…
ajax是什么? ajax即“Asynchronous Javascript + XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.能够快速的从服务器获得所需数据和内容,实现局部刷新让用户能够更好的浏览网站.在没有ajax的时候,网页提交表单必须进行等待和刷新,这时用户必须等待服务器的响应,用户在当前页面不能做其他事情.自从有了ajax,用户在提交表单的时候不需要等待,可以浏览该页的其它东西,表单提交之后服务器能很快的返回所需的数据和网页,网页无需刷新. a…
Spring mvc处理json需要使用jackson的类库,因此为支持json格式的输入输出需要先修改pom.xml增加jackson包的引用 <!-- json --> <dependency> <groupId>org.codehaus.jackson</groupId> <artifactId>jackson-core-lgpl</artifactId> <version></version> <…
一.HTTP协议 1.HTTP: 计算机通过网络进行通讯的规则,用于浏览器向服务器发送请求. 2.HTTP是一种无状态的协议,无状态是指服务器端不保留任何连接相关的信息,浏览器客户端向服务器发送请求,服务器端返回响应,然后连接就关闭了,这个连接不存在任何记忆.后续的处理如果需要之前连接传递的信息,则需要重新传递. 3.完整的HTTP请求需要以下7个步骤: (1)建立TCP连接,通常HTTP协议都是用TCP协议连接,TCP是可靠的协议. (2)Web浏览器向Web服务器发送请求命令. (3)Web…
什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 有很多使用 AJAX 的应用程序案例:新浪微博.Google 地图.开心网等等. ajax代码讲解(html页面文件): <!DOCTYPE html PUBLIC &qu…
1 前言: 首先对参考文章作者表示感谢,你们的经验总结给我们这些新手提供了太多资源.本文致力于解决AJAX的CORS问题,我在逻辑上进行了梳理:首先,系统的总结了CORS问题的起源-同源策略:其次,介绍JSONP这种仅能支持GET请求的跨域方式和CORS作对比:最后,阐述CORS的XHR解决方式和IE中的XDR解决方式,在此基础上提供了工具函数进行跨浏览器的HTTP请求对象创建. 2 跨域问题的源头-同源策略 在客户端编程语言中,如javascript和 ActionScript,同源策略是一个…
1.使用 AJAX 修改该文本内容 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getSer…
一.JSON数据交互 1.1JSON简介 JSON(JavaScript Object Notation)是一种数据交换格式. 1.2JSON对象结构 {}代表一个对象,{}中写入数据信息,通常为key:value形式. {key:value,key:value},属性名和属性之间用“:”隔开,各个属性间用“,”隔开. 同时value不仅可以为字符串或数字,也可为一个{}表示的对象. {key:{key1:value1}} 数组采用[]表示,[value1,value2...] value可为数…
JSON解析到结构体 在介绍这部分之前先简要介绍一下Json语法 JSON 语法是 JavaScript 语法的子集.JSON 语法是 JavaScript 对象表示法语法的子集. 数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组1.JSON名称/值对 "name" : "value" 2.JSON值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在中括号中) 对象(在大括号中) null JSON数据JS…
跨域 一个域名地址的组成 http:// www abc.com : 8080 / scripts/jquery.js 协议 子域名 主域名 端口号 请求资源地址 端口号:一般来说域名端口号是80,如果端口号是80,可以省略 当协议.子域名.主域名.端口号中任意一个不相同时,都算作不同域. 不同域之间相互请求资源,就算作"跨域" 比如: http://www.abc.com/index.html请求http://www.efg.com/service.php 什么是跨域 JavaScr…
用jQuery实现Ajax jQuery.ajax([settings]) 1.type:类型, "POST"或"GET" ,默认为"GET" 2.url :发送请求的地址 3.data:是一个对象,连同请求发送到服务器的数据(主要是POST请求使用) 4.dataType :预期服务器返回的数据类型.如果不指定, jQuery将自动根据HTTP包MIME信息 来智能判断,一般我们采用json格式,可以设置为"json" 5.…
前端: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--引入jquery文件--> <script src="js/jquery-3.2.1.js" type="text/javascript"></script> </head> <body> <div style=&…
AJAX不是一种编程语言,AJAX是一种实现网页异步加载的技术,即不刷新网页也能部分的更新网页的内容.如:提交表单信息,通过ajax可以不刷新页面来使得人们明白如何正确的填写信息,判断填写信息的错误或正确. ajax操作需要个XMLHttpRequest对象,通过该对象实现客户端和服务端的数据交互. XMLHttpRequest对象兼容IE6的浏览器,兼容代码为: var request; if(window.XMLHttpRequest){ request=new XMLHttpRequest…
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using Ajax with XML</title> <script src="../js/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascr…
代码 <head> <title>An Ajax demo</title> <script src="../js/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> //XMLHttpRequest对象:初始化为false; var XMLHttpRequestOb…
JSON 是一种用来序列化对象.数组.数值.字符串.布尔值和 null 的语法.它基于 JavaScript 语法,但是又有区别:一些 JavaScript 值不是 JSON,而某些 JSON 不是 JavaScript 值  JSON表示的对象和数组: 属性名称必须用双引号包裹:最后一个属性后面不能有逗号.  JSON表示的数值: 前导0不能使用:小数点后面至少有一个数字.  JSON表示的字符串: 只有有限的字符能够被转义;通常不允许控制字符; 但允许使用Unicode 行分隔符 (U+20…
来源:http://www.imooc.com/learn/250 Ajax不是某种编程语言,而是一种在无须重新加载整个网页的情况下能够更新部分网页的技术. 一.概念介绍--异步 利用XMLHttpRequest(XHR)对象来实现后台和服务器数据交换,这样就实现了异步. 步骤如下: 运用HTML和CSS来实现页面,表达信息: 运用XMLHttpRequest和web服务器进行数据的异步交换: 运用JavaScript操作DOM,实现动态局部刷新.  二.XHR对象的使用 var request…
Ajax全称为Asynchronous Javascript and XML.一般用于页面数据交互响应,最大的好处是响应时无需刷新页面. Ajax的优点: 1.不需要插件的支持.用户只需允许javascript在浏览器上执行. 2.强大的用户体验.这是ajax最大的优点,用户能在不刷新页面的情况下更新数据,使得Web应用程序能更为迅速地回应用户的操作. 3.提高Web程序的性能.传统模式中,数据提交是以表单form来实现的,数据获取是靠刷新全页面的内容.而Ajax模式只是通y过XMLHttpRe…
什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. GET 还是 POST? 与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用. 然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制)…
Ajax(Asynchronous JavaScript + XML)不是语音,不是框架,也不能算是一种技术,而是一种模式.通过这种模式实现不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容.   Ajax的核心是XMLHttpRequest.XMLHttpRequest是浏览器内置对象,用于在不更新网页的情况下和服务器通信,获取数据.   以下是来自菜鸟教程的示例: <!DOCTYPE html> <html> <head> <meta charse…
测试web时经常和网页数据打交道,会遇到json格式和xml格式,整理整理,记录下来. json最常用的格式是键值对. {"firstName": "Brett", "lastName": "McLaughlin"} 表示数组的时候用   []  . json可以将数据转换为字符串,更利于在网络中传输,比xml需要的字节少.但是在数据比较长时,xml看起来更加一目了然. xml实例: <?xml version=&quo…
10. JSON ///[JSON是一种数据格式,不是JS 独有的] ///[JSON语法] /* 1.数据书写格式:"name":value,JSON要求给属性名加上[双引号],JSON不能用单引号 2.JSON值可以是:数字(整数.浮点数),字符串,布尔值(true false),数组,对象,null,注意没有undefined 3.数据由逗号分隔 4.大括号保存对象 5.中括号保存数组 */ { "bool":false, "str":&q…
<head runat="server"> <title>jQuery中的$.get()方法</title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $…