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. office 2013 activiate---(run as admin)

    win7 office 2013 activiate---(run as admin) empty the garbage in osx rm -rf ~/.Trash

  2. Python 模块之Logging——常用handlers的使用

    一.StreamHandler 流handler——包含在logging模块中的三个handler之一. 能够将日志信息输出到sys.stdout, sys.stderr 或者类文件对象(更确切点,就 ...

  3. Android---55---Web Service概述

    Web Service 是什么? /*w3school*/ Web Services 是应用程序组件 Web Services 使用开放协议进行通信 Web Services 是独立的(self-co ...

  4. AngularJs使用过程中，在ng-repeat中使用track by

    1.问题描述: 点击删除后:table中的被选中设备确实被删除了,但是data-table并没有重新加载出来, 查看js代码: 先对$scope.data_table进行了destroy(),然后重新 ...

  5. 在Linux下查找文件内容包含某个特定字符串的文件

    如何在Linux下查找文件内容包含某个特定字符串的文件? 我的目录下面有test1和test2两个文件夹,里面都含有很多文件,其中test2里面还包含一个test文件夹 我想请问的是,如何通过查找关键 ...

  6. 请教Hibernate和JPA什么区别？

    JPA是Java的持久化规范.Hibernate早期是一个ORM框架,后期是JPA的一个实现.

  7. 编译hadoop2.6.0 cdh 5.4.5 集成snappy压缩

    原文地址:http://www.cnblogs.com/qiaoyihang/p/6995146.html 自带的为32位库,故需要把64为重编译进去 1.下载源码:http://archive-pr ...

  8. 超过两行显示省略号 -webkit-line-clamp、-webkit-box-orient vue打包后不起作用

    为了实现两行显示缩略显示,但是本地是可以显示,打包后不起作用 word-break: break-all; text-overflow: ellipsis; display: -webkit-box; ...

  9. Django框架之模板语法（重要！）

    一.什么是模板? 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法分类 1.模板语法之变量:语法为 {{ }}: 在 Django 模板中遍历复杂数据结构的关键 ...

  10. LeetCode：二叉树的后序遍历【145】

    LeetCode:二叉树的后序遍历[145] 题目描述 给定一个二叉树,返回它的 后序 遍历. 示例: 输入: [1,null,2,3] 1 \ 2 / 3 输出: [3,2,1] 进阶: 递归算法很 ...