Ajax&jQueryAjax

2019独角兽企业重金招聘Python工程师标准>>>

1 Ajax原理

1.1 Ajax介绍

Ajax即Asychronous Javascript And XML(异步JavaScript和XML)可以使网页实现异步更新，就是不重新加载整个网页的情况下，对网页的某部分进行更新(局部刷新)。传统的网页(不使用Ajax)如果需要更新内容，必须重载整个网页页面。

Ajax=异步JavaScript和XML，是一种新的思想，整合之前的多种技术，用于创建快速交互式网页应用的网页开发技术。

1.2 Ajax原理分析

 

1.1使用JavaScript获得浏览器内置的Ajax引擎(XMLHttpRequest对象)

1.2通过Ajax引擎确定请求路径和请求参数

1.3通知Ajax引擎发送请求

Ajax引擎会在不刷新浏览器地址栏的情况下，发送请求。

2.1服务器获得请求参数

2.2服务器处理请求参数(添加、查询等操作)

2.3服务器响应数据给浏览器

Ajax引擎获得服务器响应的数据，通过执行JavaScript的回调函数将数据传递给浏览器页面。

3.1通过设置给Ajax引擎的回调函数获得服务器响应的数据

3.2使用JavaScript在指定的位置，显示响应数据，从而局部修改页面的数据，达到局部刷新目的

1.3 JavaScript Ajax使用(了解)

原生态js操作Ajax步骤：

(1)获得Ajax引擎

(2)设置回调函数

(3)确定请求路径

(4)发送请求

JavaScript处理GET和POST请求有细微差异。

提供处理程序HelloServlet，并分别实现doGet和doPost两个方法。

 

2 $.post()和$.get()

(1) $.post()以post请求方式发送Ajax

格式：$.post(url, [data], [callback], [type])

参数1：url，请求路径

参数2：data，请求参数

参数3：callback，回调函数

参数4：type，返回内容的格式，XML、html、script、json、text、_default。

服务器响应编码为：application/json;charset=UTF-8，回调函数data类型是json对象

服务器响应编码：text/html;charset=UTF-8，回调函数data类型是字符串

(2)$.get以get请求方式发送Ajax

除了请求方式不同，使用方式与$.post完全一致。

 

2 JSON数据

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，就是说不同的编程语言JSON数据是一致的。

易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。

2.1 JSON格式

JSON对象格式---> {“key”: ”value”, “key”: ”value”, ...}

键和值使用冒号分隔

标准规范要求key必须使用双引号，value如果没有使用双引号表示变量。

JSON数组[obj, obj, obj, ...]表示一组值，多个值使用逗号分隔。

2.2 JSON-LIB工具

json-lib是将Java对象与json数据相互转换的工具。

第三方工具，使用时需要导入jar包。

 

常用对象：

JSONObject，Java对象(JavaBean、Map)与JSON数据的转换工具类

JSONArray，Java集合(List、Array)与JSON数据的转换工具类

常用方法：

Static fromObject(...)，静态方法，用于将java对象或集合转换成jsonlib对象

toString()将jsonlib对象转换成json字符串

 

转载于:https://my.oschina.net/jinyeyaonitian/blog/830404