AJAX入门

 前言

好久不见,最近总是在偷懒,要调整好心态继续出发啦。今天分享的内容是AJAX的快速入门。

首先上图:

AJAX入门_第1张图片

在讲AJAX之前我们先讲一下JSON。 


提示:以下是本篇文章正文内容,下面案例可供参考

一、JSON

        1、JSON是什么?

        JSON,全称是 JavaScript Object Notation,即 JavaScript对象标记法。

        优点:易于人的阅读和编写,易于程序解析与生产。     

        JSON样例:首先一个花括号{},整个代表一个对象,同时里面是一种Key-Value的存储形式,它还有不同的数据类型来区分   

        2 、JSON 的语法规则

  • 数组(Array)用方括号(“[]”)表示。
  • 对象(0bject)用大括号(“{}”)表示。
  • 名称/值对(name/value)组合成数组和对象。
  • 名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组
  • 并列的数据之间用逗号(“,”)分隔

        3、JSON解析的工具

今天关于JSON的解析工具我们就 分享两个一个是jackson另一个是fastjson

    前端JSON格式字符串的转换使用
    JavaScript——JSON.stringify(o);JSON.parse(jsonStr);
    jQuery——$.parseJSON

    后端JSON格式字符串的转换使用
    jackJSON
    fastJSON

 

fastjson的使用

    JSON文本:满足一个对象的定义或者一个数组的定义或者一个对象数组的定义的字符串
    //JS中定义一个对象 stu
    var stu = {"name":"admin","sex":"男"};

    var str = "{\"name\":\"admin\",\"sex\":\"男\"}";
    jQuery----$.parseJSON();

    java
    Student stu = JSON.parseObject(str,Student.class);

二、AJAX

1. 原生js写ajax请求(写起来很复杂,而且需要考虑浏览器版本),而jQuery将这些复杂的业务逻辑进行封装处理,使用非常简单。

2.什么是AJAX

--Asynchronous JavaScript and XML  --异步的JavaScript和XML

--使用ajax的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。

3.jQuery提供多个与ajax有关的方法

--$.ajax()方法:
    返回其创建的 XMLHttpRequest 对象。

常用参数:
    url:一个用来包含发送请求的URL字符串。

    data:发送到服务器的数据。

    dataType:预期服务器返回的数据类型。

    success:请求成功后的回调函数。参数:由服务器返回
    
    type:(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。

$.ajax({
			type:"post",
			dataType:"text",
			url:"hello.do",
			data:"sname="+sname,
			success:function(data){
				$("#sid").html(data);
			}
		});


总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

你可能感兴趣的:(java,tomcat,web)