Ajax中返回数据的格式

Ajax中常见的返回数据的格式有三种:分别为文本,XML和JSON

返回的文本格式我们在上一堂课Ajax基础介绍中已经介绍过了

Ajax.php

Form.html:通过Ajax对象的responseText属性就可以获取到返回的文本信息

XML格式

XML文件具有的几大特点:

  1. 标签没有预定义,开发者根据自己的需求发明标签
  2. 结构清晰,具有自我描述性。从XML文档就可以看出数据的内容
  3. 都是双标签
  4. 和HTML相似,同样也具有树结构

XML文件示例

Ajax返回XML示例

核心代码:

需要将MIME类型修改为text/xml

返回数据应该返回XML 标签

接受Ajax返回的XML数据并且进行处理

详细代码参见【Ajax返回XML数据格式】

JSON格式

在JavaScript中,有一种简单的申明对象的方式为:

“{属性名:属性值,属性名:属性值}”

例如:

var i= {“username”:”xiejie”,”age”:18}

由于JSON格式相比XML更小,传输更快,所以现在Ajax返回json数据格式的情况更多

Ajax返回JSON格式示例:

Ajax.php 需要将返回的数据格式修改为json数据格式

Form.html也需要修改

JQueryAjax的应用

在JQuery里面对Ajax进行了封装。单独给出了一些方法,load(),get(),post(),ajax()

Load()方法:是JQuery中最为简单的方法

该函数接收3个参数(url,data,callback)


参数类型


类型


说明


url


字符串


请求的url地址


Data(可选)


对象


发送至服务器的key/value


Callback(可选)


回调函数


请求完成时,调用的回调函数

示例:

Load.html  用来被加载的文档

Test.html

通过load方法向服务器发送数据

在load方法里面,默认如果是没有向服务器提交数据,则是get方式提交,如果有向服务器提交数据,则是post方式

示例:用load()方法改写表单验证案例

www.yszx11.cn

Get():指明提交至服务器的方式为GET

Post():指明提交至服务器的方式为POST

Ajax():Ajax()方法是最底层的方法,也就是说,上面的方法都是从Ajax()方法衍生的,上面方法能够实现的功能,Ajax()都能实现

时间: 2024-10-11 06:14:09

Ajax中返回数据的格式的相关文章

ajax请求返回数据,模板中的数据处理

/*ajax请求返回数据,模板中的数据处理*/ function QueryGameAsset(){ var new_start_time=$('#new_start_time').val();//开始时间 var new_end_time=$('#new_end_time').val();//结束时间 if(!new_start_time||!new_end_time){ alert("时间不能为空"); return false; } $.ajax({ url:'/Statisti

【转】AJAX中JSON数据的返回处理问题

AJAX处理复杂数据时,便会使用JSON格式.常用在对数据库的数据查询上.在数据库查询到数据后,便可在处理页面直接将数据转为JSON格式,然后返回. 本篇主要讨论:jQuery中,JSON数据在AJAX回调函数中使用,可能出现的3个问题.案例: $.ajax({                      type:"post",                      url:"check.php",                     data:"

iOS 中 XML 数据交换格式

     XML 是一种自描述的数据交换格式,但是 XML 的数据交换格式并没有 JSON 来的轻便,但是无可否认的是,XML 的应用范围也是非常广泛的,比如在 ROS(一个开源机器人操作系统)中利用 XML 来描述包的依赖关系等,当然还有很多了.      对于 XML 文档操作包括了"读"与"写",读入 XML 文档并分析的过程称为"解析" XML 文档,"解析" XML 文档在实际开发中是占很大比重的.      读写

iOS 中 JSON 数据交换格式

     JSON (JavaScript Object Notation)是一种轻量级的数据交换格式.JSON 的具体教程,可以参见 JSON 中国:http://www.json.org.cn/index.htm ,当然还有 JSON 在线校验格式化工具:http://www.bejson.com/ ,希望深入学习 JSON 可以参考其他教程.JSON 的轻量级是相对于 XML 文档结构而言的,描述项目字符少,所以描述相同的数据所需的字符个数要少,当然传输的速度就会提高而流量也会减少.  

ajax成功返回数据中存在多余字符的处理

ajax里有需要判断反馈的字符串是否为“ok”,在浏览器里调试,看到返回的内容明明是“ok”,但是if(“ok”==data)判断为false,用alert打印内容也是ok,但是打印长度的时候却是3. 于是把返回内容每个字符的16进制打出来 var hexCharCode = []; hexCharCode.push("0x"); for(var i = 0; i < data.length; i++) { hexCharCode.push((data.charCodeAt(i)

ajax读取返回的json格式的数据

** //alert(msg);//{"serverHost":"23","mail":"32","mailPassword":"23"} //json = eval(json); //alert("===json:id=" + json.id + ",uname=" + json.uname + ",email=" + jso

换行符在ajax中返回json,eval时发生的 Unexpected token ILLEGAL

用户如果输入了换行在数据中记录为‘空格’,但不是真正的空格. 程序前台采用ajax和json返回数据绑定时会 出现 Unexpected token ILLEGAL 例子: 在sql中存储为下图 在“)”与“导”,"林"与"pet"之间实际保存的是换行符. $.ajax({ url: '', type: 'POST', data: { }, dataType: 'text', success: function (dt) { eval("dt="

Ajax中参数带有html格式的 传入后台保存

因业务需求  要讲如下编辑器中带有样式的数据传入数据库保存 第一种方法  json格式传入 1 $(".privilegezn_page .btn_ok").click(function () { 2 if (editor.html() == "") 3 { 4 alert("优惠使用指南内容不能为空") 5 } else { 6 var str = HTMLEncode(editor.html()); 7 console.log(str); 8

AJAX服务器返回数据 连接数据库查询数据

getcustomer.asp" 中的源代码负责对数据库进行查询,然后用 HTML 表格返回结果: <% response.expires=-1 sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID=" sql=sql & "'" & request.querystring("q") & "'" set conn=Server.CreateObjec