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已经帮你调用过。parseJSONY已经处理过字符集了。其他的就跟平时一样处理字符集就可以了。

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

时间: 2024-11-14 12:17:35

Ajax json 数据格式的相关文章

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&

ThinkPHP以jquery传送json数据格式的方式实现ajax请求

在之前我这里是失败过很多次的,有的时候甚至不得不采用get的传送方式,另外,thinkphp自带的ajax->return方法并不能够解决问题,而且会让问题变得更加复杂,与其不如直接使用jquery的方法,全部采用post提交的方式,get提交是没有任何的问题的,但是post提交问题就一个接一个.我就一直纳闷,为什么在但一脱离框架的页面就能够畅通无阻,这个问题非常的棘手.研究了好长时间终于发现问题所在了,jquery只是前端性的东西基本上和框架扯不上太大的关系,下面是对该问题的总结: 1: 不要

Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现)

Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import method_decorator # 给cbv加上装饰器 from django.views import View from django.views.decorators.csrf import csrf_exempt, csrf_protect ### 在FBV模式下 # csrf_exempt

ajax请求接收后台json数据格式

1.准备一个jsp页面     该处有一个较为重要的点(var  obj = eval('(backDate)');)这是将字符串格式转化为json数据对象 注: 我传输的是json数组格式             json数据有两种格式{键名 :值}    ["值","",""]    只是相对应的java后台json数据处理方式不同 2.在网上下载json.jar相关jar包(该jar包解决对象与json数据格式的相互转化,较为方便) 下载地

032.Ajax+Json+Jquery

AjjA: AjaxJ: JSONJ: jQuery -----------------------------------------------JSONJavascript Object NotationJS对象标记 class User{ public int Id{get;set;} public string Name{get;set;} public string Phone{get;set;} // public string HomeAddress{get;set;} // pu

JSON 数据格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成. 基础结构 JSON建构于两种结构: 1. “名称/值”对的集合(A collection of name/value pairs).不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table

JFreeChart与AJAX+JSON+ECharts两种处理方式生成热词统计可视化图表

本篇的思想:对HDFS获取的数据进行两种不同的可视化图表处理方式.第一种JFreeChar可视化处理生成图片文件查看.第二种AJAX+JSON+ECharts实现可视化图表,并呈现于浏览器上.   对此,给出代码示例,通过网络爬虫技术,将上传到HDFS的新浪网新闻信息实现热词统计功能,通过图表的柱状图来显示出来. ------> 目录: 1.JFreeChart可视化处理(生成本地图片) [1]HDFS文件读取 [2]JDFreeChart库应用 2.AJAX+JSON+EChart生成可视化图

Ajax返回数据格式

Ajax中返回数据的格式 Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON 返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了 Ajax.php Form.html:通过Ajax对象的responseText属性就可以获取到返回的文本信息 XML格式 XML文件具有的几大特点: 标签没有预定义,开发者根据自己的需求发明标签 结构清晰,具有自我描述性.从XML文档就可以看出数据的内容 都是双标签 和HTML相似,同样也具有树结构 XML文件示例 Ajax返回XML示例 核

JS中将JSON的字符串解析成JSON数据格式《转》

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON字符