1.数据交换格式

　　服务端返回的数据，在本质上都是字符串，只是原生Ajax 或jQuery Ajax将这些字符串转换为容易理解的各种常用格式。

a. Text

　　文本字符串

b.  XML

　　JavaScript中特殊的对象

c. JSON

　　JavaScript中JSON值数组、字典

d. Script

　　通过eval将字符串当做javaScript代码执行 eval("alert(123);")

2.原生Ajax

text:

　　xhr.responseText

xml:

　　xhr.responseXML

json:

　　JSON.parse(xhr.responseText)

script:

　　eval(xhr.responseText)

3.jQuery Ajax

text:

　　dataType:'text'

xml:

　　dataType:'xml'

json:

　　dataType:'json'

script:

　　dataType:'script'

jQuery Ajax 四种格式转换实例

url.py

from django.conf.urls import url

from hello import views

urlpatterns = [

    url(r'resp_type/', views.resp_type, name='resp_type'),

    url(r'resp_text/', views.resp_text, name='resp_text'),

    url(r'resp_xml/', views.resp_xml, name='resp_xml'),

    url(r'resp_json/', views.resp_json, name='resp_json'),

    url(r'resp_script/', views.resp_script, name='resp_script'),

]

views.py

#!/usr/bin/env python

# -*- coding: utf-8 -*-

from django.http import HttpResponse

from django.shortcuts import render

from django.views.decorators.csrf import csrf_exempt

def resp_type(request):

    return render(request, 'resp_type.html')

@csrf_exempt

def resp_text(request):

    content = "Hello World!"

    return HttpResponse(content)

@csrf_exempt

def resp_xml(request):

    content = """

        <note>

            <to>George</to>

            <from>John</from>

            <heading>Reminder</heading>

            <body>Don't forget the meeting!</body>

        </note>

    """

    # 默认响应内容是 text/html;charset=utf-8

    response = HttpResponse(content, content_type='application/xml;charset=utf-8')

    response.status_code = 200

    return response

@csrf_exempt

def resp_json(request):

    content = '{"name":"Milton","age":18}'

    return HttpResponse(content)

@csrf_exempt

def resp_script(request):

    content = "alert(123);"

    return HttpResponse(content)

resp_type.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Ajax数据交换格式</title>

</head>

<body>

<h1>jQuery-Ajax数据交换格式</h1>

<input type="button" onclick="RespText();" value="响应text字符串">

<input type="button" onclick="RespXml();" value="响应xml字符串">

<input type="button" onclick="RespJson();" value="响应json字符串">

<input type="button" onclick="RespScript();" value="响应script字符串">

<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">

    function RespText() {

        $.ajax({

            url: {% url 'resp_text' %},

            dataType: 'text',

            success: function (data, statusText, xmlHttpRequest) {

                console.log(data);

            }

        });

    }

    function RespXml() {

        $.ajax({

            url: {% url 'resp_xml' %},

            dataType: 'xml',

            success: function (data, statusText, xmlHttpRequest) {

                console.log(data);

            },

            error: function (xmlHttpRequest, statusText, errorThrown) {

                console.log(statusText);

            }

        });

    }

    function RespJson() {

        $.ajax({

            url: {% url 'resp_json' %},

            dataType: 'json',

            success: function (data, statusText, xmlHttpRequest) {

                console.log(data);

            }

        });

    }

    function RespScript() {

        $.ajax({

            url: {% url 'resp_script' %},

            dataType: 'script',

            success: function (data, statusText, xmlHttpRequest) {

                console.log(data);

            }

        });

    }

</script>

</body>

</html>

测试结果：

***微信扫一扫，关注“python测试开发圈”，了解更多测试教程！***

Ajax-06 Ajax数据交换格式的更多相关文章

  1. 常用两种数据交换格式之XML和JSON的比较

    目前,在web开发领域,主要的数据交换格式有XML和JSON,对于XML相信每一个web developer都不会感到陌生: 相比之下,JSON可能对于一些新步入开发领域的新手会感到有些陌生,也可能你 ...

  2. XML和JSON两种数据交换格式的比较

    在web开发领域,主要的数据交换格式有XML和JSON,对于在 Ajax开发中,是选择XML还是JSON,一直存在着争议,个人还是比较倾向于JSON的.一般都输出Json不输出xml,原因就是因为 x ...

  3. 2016/4/2 json：js和jquery中轻量级数据交换格式 例： 窗口弹出 popwindow

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族 ...

  4. JSON——IT技术人员都必须要了解的一种数据交换格式

    JSON作为目前Web主流的数据交换格式,是每个IT技术人员都必须要了解的一种数据交换格式.尤其是在Ajax和REST技术的大行其道的当今,JSON无疑成为了数据交换格式的首选! 今天大家就和猪哥一起 ...

  5. 数据交换格式之 - Json

    Json简介: JSON是JavaScript对象表示法,是一种与语言无关的数据交换的格式,是一种完全独立于语言的文本格式. 使用ajax进行前后台数据交换,移动端与服务端的数据交换. web客户端和 ...

  6. Atitit.常见软件 数据 交换格式 标准

    Atitit.常见软件 数据 交换格式 标准 1. 常见的数据格式txt ,doc ,pic,music ,vodio1 2. 通用格式json yaml phpstr1 3. 专用格式1 4. 用户 ...

  7. 在.NET使用JSON作为数据交换格式

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://zhoufoxcn.blog.51cto.com/792419/517093 我们 ...

  8. json 数据交换格式与java

    http://wiki.mbalib.com/wiki/数据交换 数据交换是指为了满足不同信息系统之间数据资源的共享需要,依据一定的原则,采取相应的技术,实现不同信息系统之间数据资源共享的过程. 数据 ...

  9. NDEF-NFC数据交换格式

    为实现NFC标签.NFC设备以及NFC设备之间的交互通信,NFC论坛(NFC FROUM)定义了称为NFC数据交换格式(NDEF)的通用数据格式.NDEF是轻量级的紧凑的二进制格式,可带有URL,vC ...

随机推荐

  1. 《深入理解Linux内核》阅读笔记 --- Chapter 2 Memory Addressing

    1.logical address = segment identifier (16bits) + offset (32bits) segment selector其实就是GDT或者LDT的索引,其中 ...

  2. 007-Centos 7.x 安装 Mysql 5.7.13

    1. 下载mysql的repo源 CentOS 7.2的yum源中默认没有mysql,要先下载mysql的repo源 wget http://repo.mysql.com/mysql57-commun ...

  3. 简明python教程四-----模块

    模块基本是一个包含了所有你定义的函数和变量的文件.为了在其他程序中重用模块,模块的文件名必须以.py为扩展名. #!/usr/bin/python #Filename:using_sys.py imp ...

  4. PAT 1035 Password [字符串][简单]

    1035 Password (20 分) To prepare for PAT, the judge sometimes has to generate random passwords for th ...

  5. JavaScript 函数，math对象，Date对象 序列化 总结

    函数 函数定义 // 普通函数定义 function f1() { console.log("Hello world!"); } // 带参数的函数 function f2(a, ...

  6. Delphi 正则表达式语法(7): 匹配转义字符

    Delphi 正则表达式语法(7): 匹配转义字符 // ? 号的意义是匹配 0-1 次, 如果需要匹配 ? 怎么办 var   reg: TPerlRegEx; begin   reg := TPe ...

  7. Python 实习遇见的各种面试题

    Python 语法 说说你平时 Python 都用哪些库 == 和 is 区别. == 是比较两对象的值,is 是比较在内存中的地址(id), is 相当于 id(objx) == id(objy). ...

  8. 使用Linq to XML 修改app.config

    使用其他的方法修改app.config无效.而且修改的是*.vshost.exe.Config,程序运行时正常,关闭之后就还是原来的值. Configuration configuration = C ...

  9. 操作JavaScript数组

    unshift:在数据首段添加元素. push: 在数组的末端添加元素. shift:移除并返回第一个元素,会影响 数组长度. pop:移除并返回最后一个元素.会影响 数组长度. delete  数组 ...

  10. Java：判断字符串中包含某字符的个数

    Java:判断字符串中包含某字符的个数 JAVA中查询一个词在内容中出现的次数: public int getCount(String str,String key){ if(str == null ...