1.ajax优点:

a.页面无刷新

b.用户体验度较好,不会打断用户操作

c.按需求获取数据,不需要返回一个完整的页面

d.是标准的技术,不需要安装任何的插件

应用场景:注册、表格数据的增删改

2.JSON(javascript object motation js对象声明)

是一种轻量级的数据交换标准,一般用于浏览器与服务器的数据交换

数据交换:

将数据转换成中间的,与平台无关的格式数据

轻量级:解析速度比xml快,相对于xml而言,编写方便别情解析速度较快

JSON语法:

{key:value,key:value...}

1)使用json表示单个js对象

{"name":"zs","age":10}

属性名需要加"",属性值如果是string类型需要加"",数值类型则不需要加""

js类型:string,number,boolean,object,null,undefind  (只有string需要加"")

2)使用json表示js数组对象

[{key:value},{key:value},{key:value}...]

3.java对象转成json对象

  a.单个对象

  JSONObject.formObject(obj).toString();

  b.多个对象(集合,数组)

  JSONArray.fromObject(obj).toString();

注:如果是Map,建议调用JSONObject转换成数据格式

  1. package test;
  2.  
  3. import java.util.ArrayList;
  4. import java.util.HashMap;
  5. import java.util.List;
  6. import java.util.Map;
  7.  
  8. import net.sf.json.JSONArray;
  9. import net.sf.json.JSONObject;
  10.  
  11. import org.junit.Test;
  12.  
  13. import entity.User;
  14.  
  15. public class UestJSON {
  16. @Test
  17. public void test1(){
  18. User u=new User("账单",10);
  19. String data= JSONObject.fromObject(u).toString();
  20. System.out.println(data);
  21. }
  22.  
  23. @Test
  24. public void test2(){
  25. List<User> list=new ArrayList<User>();
  26. User u1=new User("张龙",10);
  27. User u2=new User("张虎",23);
  28. list.add(u1);
  29. list.add(u2);
  30. String data=JSONArray.fromObject(list).toString();
  31. System.out.println(data);
  32. }
  33.  
  34. @Test
  35. public void test3(){
  36. User u1=new User("张龙",10);
  37. User u2=new User("张虎",23);
  38. User[] us={u1,u2};
  39. String data=JSONArray.fromObject(us).toString();
  40. System.out.println(data);
  41. }
  42.  
  43. @Test
  44. public void test4(){
  45. Map<String,Object> map=new HashMap<String,Object>();
  46. User u1=new User("张龙",10);
  47. User u2=new User("张虎",23);
  48. map.put("u1",u1);
  49. map.put("u2",u2);
  50. String data=JSONObject.fromObject(map).toString();
  51. System.out.println(data);
  52. }
  53. }

4.json字符串转成js对象

evalJSON()-->proptotype.js

5.jQuery对ajax的支持

{key:value...}

$.ajax({options});

url:请求地址

type:请求方式get/post

data:参数{"value":"js"}或者"value=js",

dataType:服务器返回的数据类型  json,xml,js,html,text等等

success:成功的回调函数

  function(data,txt){

  //data:服务器返回的数据

  //txt:状态描述信息

  },

error:失败的回调函数

  function(xhr,txt){

  //xhr:ajax对象

  //txt:状态描述信息

  },

简写:$.get(url,[data],[callback],[type]);

     $.post(url,[data],[callback],[type]);

  url:请求地址

  data:请求参数

  callback:成功的回调函数

  type:服务器返回的数据类型

6.热卖商品动态展示(每隔5秒钟,向后台发一次请求)

step1.设计表

  create table sale(id int primary key auto_increment,name varchar(30),qty int);

  insert into sale values(null,'小米盒子',80);

  insert into sale values(null,'小米手机',90);

  insert into sale values(null,'小米路由',70);

  insert into sale values(null,'小米台灯',85);

  insert into sale values(null,'小米音响',80);

step2.定义实体类Sale

step3.定义DAO接口

  List<Sale> findTop() throws Exception;

step4.定义DAO实现类

  select*from sale order by qty desc limit 3;

step5.定义ActionServlet

step6.定义sale.html   写脚本,ajax向后台发请求

  function f1(){ 使用ajax向服务器发请求(sale.do)};

  function f2(){ setInterval(f1,5000)};

  <body onload="f2();" >

ajax课2JSON的更多相关文章

  1. ajax课1 源码

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  2. CSS之表单元素

    表单就是收集用户信息的,就是让用户填写的.选择的. 1                <div> 2                         <h3>欢迎注册本网站&l ...

  3. HTML标签----图文详解(二)

    HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架<iframe&g ...

  4. css--小白入门篇1

    一.引入 css用来描述html,学习css前我们先来学习html的基础标签的用法,再进入css的学习. 本教程面向小白对象,不会讲细枝末节深入的东西. 二.列表 列表有3种 2.1 无序列表 无序列 ...

  5. 01_互联网基本原理和HTML入门

    从"上网"说开去 1.上网就是请求数据 老师现在进行一个互联网原理的整体感知的教学,你注意,整体感知中,一些具体的细节,可能令你没有安全感(很多的知识盲点).没有关系,老师进行的是 ...

  6. CodeIgniter框架入门教程——第三课 URL及ajax

    本文转载自:http://www.softeng.cn/?p=74 这节课讲一下CI框架的路由规则,以及如何在CI框架下实现ajax功能. 首先,先介绍CI框架的路由规则,因为CI框架是在PHP的基础 ...

  7. 第三十六课:如何书写一个完整的ajax模块

    本课主要教大家如何书写一个完整的ajax模块,讲解的代码主要跟ajax有关,而jQuery的ajax模块添加了Deferred异步编程的机制,因此对ajax的理解难度增大,还是忽略掉.但是我要讲解的代 ...

  8. 第三十五课:Ajax详解

    一个完整的Ajax请求: var xhr = new (self.XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP");   ...

  9. 手把手教你写电商爬虫-第三课 实战尚妆网AJAX请求处理和内容提取

    版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 看完两篇,相信大家已经从开始的 ...

随机推荐

  1. Email standards

    https://www.fastmail.com/help/technical/standards.html Email structure These RFCs define the way ema ...

  2. LeetCode 78 Subsets (所有子集)

    题目链接:https://leetcode.com/problems/subsets/#/description   给出一个数组,数组中的元素各不相同,找到该集合的所有子集(包括空集和本身) 举例说 ...

  3. sencha touch NavigationView 嵌套 TabPanel 的问题

    在st2.1之中,在NavigationView视图之中在嵌套一个TabPanel会有以下问题 下面我们监控TabPanel的activate事件和activeitemchange事件 会发现当首页加 ...

  4. POJ 3579 Median(二分答案)

    Median Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 11599 Accepted: 4112 Description G ...

  5. kettle中使用JavaScript的一个例子

    最近在使用kettle的时候遇到一个问题,需要对输入的一个字段进行格式化,逻辑比较复杂(需要做替换掉指定的字符串,然后将数字部分不足四位的数前边补0等操作),kettle中没有提供直接的插件来支持复杂 ...

  6. 关于电信宽带wan口地址变成100.64网段的问题解决

    由于之前笔者一直在使用动态域名连接公司vpn.今天在连接vpn的时候总是失败,因动态域名及vpn配置都从未更改过. 于是首先排查动态域名,是否已更新为公司宽带对外的IP.这里笔者先通过nslookup ...

  7. SVG学习笔录(一)

    SVG可缩放矢量图形(Scalable Vector Graphics)这项技术,现在越来越让大家熟知,在h5的移动端应用使用也越来越广泛了, 下面让我分享给大家svg学习的经验. HTML体系中,最 ...

  8. CentOS7.5安装Tomcat8

    一.tomcat的简介 这是Apache Tomcat Servlet / JSP容器的文档包的顶级入口点 .的Apache Tomcat 8.0版实现了Servlet 3.1和JavaServer ...

  9. Linux--抓取Appium网站命令

    # 获取各命令url地址 curl http://appium.io/docs/en/commands/device/app/is-app-installed/ 2>/dev/null | gr ...

  10. hdu 1525 Euclid's Game【 博弈论】

    Two players, Stan and Ollie, play, starting with two natural numbers. Stan, the first player, subtra ...