Ajax

Ajax

 

什么是同步，什么是异步

同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待         卡死状态

异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随         意做其他事情，不会被卡死

 

Json数据格式：

对象格式：{"key1":obj,"key2":obj,"key3":obj...}

数组/集合格式：[obj,obj,obj...]

 

 

Jquery的Ajax技术：

 

jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操    作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中     经常使用的有三种

 

$.get(url, [data], [callback], [type])

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

 

url：代表请求的服务器端地址 (servlet地址)

data：代表请求服务器端的数据（可以是key=value形式也可以是json格式）

callback：表示服务器端成功响应所触发的函数（只有正常成功返回才执行）

type：表示服务器端返回的数据类型（jquery会根据指定的类型自动类型转换）

常用的返回类型：text、json、html等

 

function get(){

       $.get(

              "/WEB14/AjaxServlet",

              {"name":"zhangsan"},

              function(data){

                  alert(data.name);

               },

              "json"

       );

   

    }

    function post(){

       var name=$("#name").val();

       $.post(

           "/WEB14/AjaxServlet",

           {"username":name},

           function(data){

              alert(data);

           },

           "text"

       );

    }

 

$.ajax( { option1:value1,option2:value2... } );

 

async：是否异步，默认是true代表异步

data：发送到服务器的参数，建议使用json格式

dataType：服务器端返回的数据类型，常用text和json

success：成功响应执行的函数，对应的类型是function类型

type：请求方式，POST/GET

url：请求服务器端地址

 

function get(){

       $.ajax({

           url:"/WEB14/Servlet02",

           async:true,

           data:{"name":"小红","password":"123"},

           success:function(data){

              alert(data.username);

           },

           type:"post",

           dataType:"json"

          

       })

}

</scr

 

 

将自定义对象转为json字符串

导入json解析中gson-2.2.4.jar包

 

Gson gson=new Gson();

String str=gson.toJson(自定义类);