博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery对ajax的支持
阅读量:5089 次
发布时间:2019-06-13

本文共 1477 字,大约阅读时间需要 4 分钟。

1、JSON(javascript object notation)----js对象的声明(借鉴了js对象的创建语法,故命名为json)

    是一种轻量级的数据交换标准,定义浏览器与服务器的数据交换格式。比如将java对象转成js对象(中间就是通过json桥梁)

    responsetext:获取到的必须是String类型的数据

    轻量级:相对于xml而言,编写更简单,解析速度快

    数据交换:将数据转成中间的、与平台无关的格式交给另一方处理,比如将java数据交给json转成js字符串

    1)JSON语法

        {属性名:属性值,属性名:属性值,属性名:属性值...}

        {"name":"zs","age":10,"play":function(){alert(1)}}  -------js对象

    注:建议属性名加双引号"",属性值如果是字符串类型需要加"",其他的都不需要加

    2)java对象如何转成json字符串

        * 单个对象转成json

JSONObject.fromObject(obj).toString();

        * 多个对象转json

JSONArray.fromObject(obj).toString();

      注:Map集合可以当做单个对象去转,建议使用JSONObject转换

    3)json字符串如何转成js对象

str.evalJSON();  //需要引入prototype.js文件

 

2、jQuesy对ajax的支持

    语法: $.ajax({key:value,key:value....});

    1)常用的key

      url:请求地址,

      type:请求类型get/post

      data:请求参数(“id=1”(字符串格式)或者{"id":1}json对象)

      dataType:预期服务器返回的数据类型(可以返回:json/xml/js/html/text...)

      success:成功的回调函数

success:function(data,txt){
//data:服务器返回的数据; //txt:状态的描述信息 }

      error:失败的回调函数

error:function(xhr,txt){
//xhr:ajax对象;txt:状态的描述信息 }

    2)简写方式

        $.get(url,[data],[callback],[dataType]);

        $.post(url,[data],[callback],[dataType]);

      请求地址、请求参数、成功的回调函数、服务器返回的数据类型

 

给出一个模板:

function f1(){

  $.ajax({
    "url":"sale.do",
    "type":"get",
    "dataType":"json",
    "success":function(data,txt){
       //如果服务器返回的数据是json格式,那么jquery会将其转成对应的js对象赋值给data
       //data-->js数组对象
       var info='TOP3:<br>';
       $.each(data,function(index,obj){
         //遍历数组 index当前遍历的下标,obj当前遍历的元素
         info+='名称:'+obj.name+',价格:'+obj.qty+'<br>';
       });
       $("table").html(info);
    },
    "error":function(xhr,txt){
    }
  });
}

 

转载于:https://www.cnblogs.com/xslzwm/p/9590183.html

你可能感兴趣的文章
JavaScript中的字符串连接
查看>>
函数定义的三种方式
查看>>
【Java设计模式】java单例模式
查看>>
[HNOI2007]分裂游戏
查看>>
iframe标签用法详解
查看>>
Ubuntu下第一个C程序的成功运行
查看>>
一、架构设计的内容
查看>>
转:Spring-session & redis 子域名共享session
查看>>
11.推送到远程仓库
查看>>
poj3614 Sunscreen(贪心+STL)
查看>>
webNav
查看>>
rand()函数的用法
查看>>
Tesseract-OCR4.0识别中文与训练字库实例
查看>>
Android Button.getWidth()为0的问题
查看>>
浏览器 Event对象 及 属性 的兼容处理
查看>>
使用robot合并Robot Framework测试报告
查看>>
ef core code first 模式提示"可能会导致循环或多重级联路径"问题
查看>>
UVA-1608
查看>>
【bzoj3926】[Zjoi2015]诸神眷顾的幻想乡 广义后缀自动机
查看>>
容器监控—阿里云&容器内部服务监控
查看>>