`

[原]JavaScript学习笔记(三.Ajax数据交互)

阅读更多

使用Ajax的时候,客户端与服务器端的交互,其实跟传统的同步形式一样,也是送出1个请求,服务器处理请求再响应,不同的是Ajax可以提交异步的请求。

说到请求,那肯定就会说道数据的交互,使用Ajax的话,数据交互的形式主要有3种:

 

  •  纯文本
  •  JSON
  •  XML

而传输的数据类型,比较常用的不外乎是:字符串,数组,对象

而使用上面3种格式,也都是很容易,使用的时候选择一种比较适合的就行了,只要遵循1个原则就不会出错:

客户端发送什么,服务器接受什么;服务器放回什么,客户端解析什么;


1. 使用JSON

客户端:

发送:可以把数据手动拼成JSON格式的,或者拼成URL格式也行[拼成URL在服务端就按解析URL那样去接收]

解析:比较容易一些,因为可以使用eval()把返回来的数据建立成1个JS对象。但是如果服务器被攻击了,返回了         恶意的数据给客户端...所以JSON官方也提供了库把JSON转换成JS象:http://www.json.org/js.html

 

 


服务器端[这里用Java举例,其他同理]:

发送:要返回JSON,可以利用1些库把对象或者字符串转换成JSON,再发送给客户端[记得修改content-type]

         Java的话,可以到JSON的官网下载1个库:http://www.json.org/java/

 

解析:一般用解析URL形式的会比较简单

        


2. 使用XML

客户端:

发送:很少有人发送XML格式的,因为转换麻烦

解析:利用DOM解析


服务器端:

发送:一般是自己把字符串凭成XML格式吧,不过应该也有类似JSON的库吧

解析:很少发送XML,所以也很少用到解析


一般情况下,XML太庞大的,而且解析什么的相对JSON也是比较难一点的,所以一般情况下我还是会选用JSON。

 

 

 

 

 

分享到:
评论

相关推荐

    ajax学习笔记

    ajax学习笔记.AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。通过 AJAX,您的 JavaScript 可使用 JavaScript的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个...

    AJAX学习笔记.docx

    AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页应用程序的技术。它允许网页与服务器进行异步通信,实现页面内容的动态更新,而无需刷新整个页面。

    Ajax学习笔记整理

    Xml在多语言时较有优势, 但Ajax技术实际上较多采用Json对象而不是Xml来处理数据. Ajax历史….了解性知识 Ajax归属于Web前端开发技术, 与javascript有着异常紧密的联系. Ajax就是一种实现异步通信无刷新的技术, 而...

    javascript学习笔记(七)Ajax和Http状态码

    Ajax及其工作原理 AJAX 是一种与服务器交换数据无需刷新网页的技术,...JavaScript/DOM (信息显示/交互) CSS (给数据定义样式) XML (作为转换数据的格式) 创建 XMLHttpRequest 对象 所有现代浏览器(IE7+、Firefox、Ch

    前端开发工程师笔记全套(XMind格式)

    本资源为 Web 前端开发工程师知识体系全部学习笔记,内容全面,以 XMind 格式展示(支持 PC 端和 APP 端同步,以实现电脑和手机均可速查),建议使用最新版 XMind 软件打开。笔记共包含8个部分的内容: 1. MySQL。...

    jquery中ajax学习笔记一

    AJAX简单介绍: AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),是指一种创建交互式网页应用的网页开发技术。通过 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器...

    整理后java开发全套达内学习笔记(含练习)

    注意:默认类型转换(自动类型提升)会丢失精度,但只有三种情况: int>float; long>float; long>double. 看一下他们的有效位就明白。 二进制是无法精确的表示 0.1 的。 进行高精度运算可以用java.math包中...

    Jetty cometd(Continuation)学习笔记

    Jetty是一个纯Java实现的开源Servlet容器,Jetty也可以作为HTTP服务器和HTTP客户端,Jetty仪器轻巧...众所周知因为安全的原因,多数浏览器都限制了Ajax跨域请求和javascript加载的时候只能是与当前域下的应用进行交互。

    jquery学习笔记

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库...它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

    jQuery学习笔记之基础中的基础

    就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯。jQuery自2006...

    JQuery自学第一天.docx

    该资源是我通过自主学习,自己整理了一些有关于前端jquery的一些学习记录,我记得一些笔记,jquery是一个快速而简介的javascript库,jquery简化了html文档遍历,事件处理、动画和ajax交互

    润和软件java笔试题-project_team:项目部的资料分享

    熟悉http协议,熟悉前后台数据交互,熟悉ajax。 UI专业项目部招募要求 熟练使用PS 熟练使用AI 有一定的美术基础 可以独立完成图标的设计 可以独立完成PC端网页和手机端网页设计稿。 (project_team)项目目录结构 soft...

    react-movies

    React电影这是我第一次尝试学习 。 从电影片名列表中,它使用来拉取海报并展示它们。...笔记因为烂番茄 API 账户只给你 5 个请求/秒,代码需要节流 AJAX 请求,否则它获取前 5 个图像,然后只返回错误。

Global site tag (gtag.js) - Google Analytics