Ajax json 数据格式

ajax :

是么是同步什么事异步

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

异步现象：客户端发送请求到服务器端，无论服务器是否返回，客户端都可以随意做其他的时候，不会卡死。

二原声js的 ajax 技术这只是作为了解。

（感觉，我要是会了很多技术，或者说技术练熟练了，我感觉写着还是很带劲的，可以写的很开心，很嗨的，特别是做项目的时候，就是因为自己现在很多知识不熟练，不清楚。很多的代码要敲是十遍，在脑海中有印象，当然就可以写的很好了）

function fn1() {

alert(11);

//1创建 ajax q引擎对象 ----所有的操作都是通过引擎对象

var xmlHttp = new XMLHttpRequest();

//2 ，绑定监听---监听服务器是否已经返回相应的数据

xmlHttp.onreadystatechange = function() {

if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {

//5 接受相应的数据

var res = xmlHttp.responseText;

alert(res);

}

//3、绑定地址

xmlHttp.open("get", "/ajax/AjaxServlet", true);

//4发送请求

//if是post请求的话：要在send 发送之前写

xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlHttp.send();

}

按照步骤来：1/第一步创建引擎 2/第二步绑定监听 3/第三步绑定地址 4 /发送请求，5 /接受相应的数据，这一步放在第2步的里面。

三很重要的JSON的数据格式：

1/对象格式：

{"key1":obj,"key2":obj,"key":obj}

//这个里面的obj如果是字符串，那么就要加引号，如果不是就直接写

2/数组：集合格式：

var json = {

"key1":"value1",

"key2":{"firstname":"张","lastname":"三丰","age":100},

"key3":[

{"name":"小双","age":28,"addr":"扬州"},

{"name":"建宁","age":18,"addr":"紫禁城"},

{"name":"阿珂","age":10,"addr":"山西"},

]

};

alert(json.key2.lastname);

alert(json.key3[2].name);

其实每一步只需要一步步点出来就可以了。

//java代码只能返回一个json格式的字符串

response.setContentType("text/html;charset=UTF-8");

response.getWriter().write("{\"name\":\"汤姆\",\"age\":21}");

当是post请求的时候，是不需要去管字符集的，因为这里ajax a已经帮你调用过。parseJSONＹ已经处理过字符集了。其他的就跟平时一样处理字符集就可以了。

jQuery的ajax技术：重点：

记住要使用：jquery 最重要的前提就是要导包 jquery的包

get 方法和post 方法

但是最重要的还是ajax最原始的方法

function fn1(){

//get异步访问

$.get(

"/WEB22/ajaxServlet2", //url地址

{"name":"张三","age":25}, //请求参数

function(data){ //执行成功后的回调函数

//{\"name\":\"tom\",\"age\":21}

alert(data.name);

"json"

);

}

function fn2(){

//post异步访问

$.post(

"/WEB22/ajaxServlet2", //url地址

{"name":"李四","age":25}, //请求参数

function(data){ //执行成功后的回调函数

alert(data.name);

"json"

);

}

function fn3(){

$.ajax({

url:"/WEB22/ajaxServlet2",

async:true,

type:"POST",

data:{"name":"lucy","age":18},

success:function(data){

alert(data.name);

error:function(){

alert("请求失败");

dataType:"json"

});

async ：是否异步，默认是TRUE代表异步。

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

dateType ：服务器端返回的数据类型，常用的text和json 一般都是json

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

type:请求方式，post /get

url :请求的服务器端地址

今天算是复习了，不得不说效率还是太慢了一点。这个不能这个样子了。

贴吧的代码，支付宝的代码， struts2 的 filter 明天面试，改背的一定要好好去背

转载于:https://www.cnblogs.com/weiguoaa/p/9075946.html

Ajax json 数据格式相关推荐

AJAX——JSON数据格式
JSON数据格式,前段时间一直听他们合作的说,但是不知道是什么,这次终于明白了,其实就是一种类似于XML的数据传输格式.下边我从定义,语法,转换为JavaScript对象以及与XML的比较四个方面介绍 ...
Ajax系列之JSON数据格式
JSON数据格式 JSON是什么 JSON是一种轻量级的数据交换格式 JSON文件时独立的,扩展名是".json"该文件中允许保存JSON格式的数据注意: 在JSON文件中字符串 ...
ajax请求返回的数据格式,ajax请求服务器返回json数据格式
ajax请求服务器返回json数据格式内容精选换一换消息请求返回的状态码如下表所示. 使用API数据源,您可以通过调用一个第三方的REST(Representational State Tran ...
【Ajax异步交互与跨域访问】Json数据格式
一. JSON是什么 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSON是独立于任何语言的文本格式,易于程序员阅读和编写,同时易于计算机解析和生成 J ...
XML和JSON数据格式对比
概念 XML 扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据.定义数据类型,是一种允许用户对自己的标记语 ...
Ajax---使用json数据格式输出数据
将Ajax得到的数据使用json数据格式输出 1.项目清单 2.代码 2.1.Procince类代码 2.2.ProvinceDao类代码 2.3.QueryJsonServlet类代码 2.4.Te ...
JSON 数据格式解析（转）
JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript 的交互.本文将快速讲解 JSON 格式,并通过代码示例演示如 ...
将html代码确析成json数据格式,JSON字符串解析成JSON数据格式
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的ea ...
ajax json 封装,Ajax--json（Ajax调用返回json封装代码、格式及注意事项）
Ajax调用json封装代码: //Ajax调用返回JSON public function JsonQuery($sql,$type=1,$db="mydb") { //定义数据 ...
JSON 数据格式（基础知识）
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易 ...

Ajax json 数据格式

Ajax json 数据格式相关推荐

最新文章

热门文章