`

[原]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。

 

 

 

 

 

分享到:
评论

相关推荐

    javaScript学习笔记.rar

    总的来说,这个“javaScript学习笔记.rar”可能涵盖了以上提到的多个方面,包括基础语法、DOM操作、AJAX、ES6新特性以及一些前端开发的最佳实践。通过学习这些笔记,可以系统地提升JavaScript技能,为Web开发打下...

    Java学习笔记CCS AJAX DMS JSP servlet JavaScript等中文笔记整理.rar

    在这些学习笔记中,你可以深入理解Java的核心概念,包括语法、数据类型、控制结构、类与对象,以及异常处理等。Java_笔记整理部分可能详细介绍了这些基本概念,并提供了实际编程中的应用示例。 CSS(Cascading ...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...

    JavaScript入门学习笔记.pdf

    JavaScript是一种广泛应用于网页和网络应用的轻量级、解释型的编程语言,主要用来增加网页的交互性和...学习JavaScript不仅涉及语法和基本概念,还需要熟悉DOM操作、事件处理、AJAX请求、函数、对象、闭包等高级特性。

    HTML、CSS、JavaScript、Jquery、Node、Ajax、Vue学习笔记.zip

    包括HTML的基本结构和常用标签、CSS的样式设置与布局技巧、JavaScript的核心语法和动态交互功能、jQuery库的使用、Node.js的服务器端开发、Ajax的异步数据请求以及Vue.js框架的应用。每个部分都配有详细的笔记和示例...

    Javascript学习笔记.docx

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。本文将深入探讨JavaScript的一些核心知识点,包括基本语法、动态函数、DOM操作以及对象封装等。 1. ...

    JavaScript学习笔记.doc

    在JavaScript学习的初步阶段,了解如何将JavaScript代码嵌入到HTML页面中是至关重要的。有以下两种基本方法: 1. 使用`<script>`标签:这是最常见的方式,可以直接在HTML文件中插入JavaScript代码。例如: ```html...

    原生javascript笔记.zip

    原生JavaScript是Web开发中的核心语言,它允许开发者在网页上创建交互式元素,实现动态效果,以及与服务器进行数据交换。这份“原生javascript笔记”涵盖了基础到进阶的知识点,非常适合初学者和希望提升技能的...

    JS学习笔记doc.rar

    这份“JS学习笔记doc.rar”压缩包包含了一份详细的学习资料,旨在帮助初学者快速理解和掌握JavaScript的核心概念与实践技巧。 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、数据类型(如...

    JavaScript练习程序学习笔记.rar

    这份“JavaScript练习程序学习笔记”很可能包含了一系列的代码示例、学习心得和常见问题解答,旨在帮助学习者深入理解和掌握JavaScript编程。 在JavaScript的学习过程中,首先会接触到基础语法,包括变量声明(var...

    Ajax学习笔记.zip

    Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器进行通信,实现了异步数据交换。 在Ajax中,主要涉及以下几个关键知识点: 1. **XMLHttpRequest对象**:这是Ajax的基础,它创建了一个...

    8.ajax.rar

    3. **DOM 操作**:AJAX 更新的数据往往需要与页面的 DOM 结构进行交互,资料可能包含如何使用 JavaScript 操作 DOM 元素,比如添加、删除或修改节点。 4. **AJAX 应用场景**:可能有实际的案例分析,展示了 AJAX ...

    javascript入门学习笔记

    这份"javascript入门学习笔记"旨在为初学者提供一个全面且深入的JavaScript学习路径。 一、基础语法 JavaScript的基础包括变量、数据类型、操作符、流程控制等。变量用于存储数据,数据类型分为基本类型(如字符串...

    javascript学习笔记

    以上是对给定文件中JavaScript学习笔记的部分内容进行的详细解读,涵盖了JavaScript的基础知识、语法、数据类型、函数、对象、数组、DOM编程、AJAX以及JSON和jQuery的简介,旨在为初学者提供全面的入门指南。

    JavaScript学习笔记

    本学习笔记旨在帮助初学者快速掌握JavaScript的核心概念和技术,实现从入门到精通的过渡。 1. **基础语法** - 变量声明:JavaScript支持var、let和const关键字声明变量,理解它们的作用域和提升特性至关重要。 - ...

    ajax学习笔记

    Ajax,全称Asynchronous JavaScript And XML,是一种用于创建交互性更强、更快速的Web应用程序的技术。它通过JavaScript的XMLHttpRequest对象实现了客户端与服务器之间的异步通信。这种技术的关键优势在于,它能够在...

    Ajax 学习笔记,超详细的噢!不看后悔

    在这份超详细的Ajax学习笔记中,我们将深入探讨以下几个关键知识点: 1. **基础概念**:Ajax的核心是JavaScript对象XMLHttpRequest,它使得前端和后端能够进行异步通信。异步意味着用户在等待服务器响应时可以执行...

    Java学习笔记2.zip

    - jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。它的出现极大地提高了前端开发的效率。 5. **Bootstrap**: - Bootstrap是流行的开源前端框架,提供了一系列预设的CSS样式和...

    AJAX学习笔记.docx

    AJAX(Asynchronous JavaScript and XML)是Web开发中的一种核心技术,它使得网页可以在不刷新整个页面的情况下与服务器进行异步通信,从而实现内容的动态更新。这一技术的出现极大地提升了用户体验,因为它避免了...

    神奇的JQuery学习[基础学习笔记].pdf

    JQuery学习基础学习笔记为我们提供了一个全面认识和了解JQuery的机会,JQuery是一个快速、小巧且功能丰富的JavaScript库。它简化了HTML文档遍历和事件处理、DOM操作、动画以及Ajax交互,从而加速了web开发过程。 ...

Global site tag (gtag.js) - Google Analytics