zoukankan      html  css  js  c++  java
  • Ajax请求返回Json数据

    介绍一下用Ajax向服务器请求数据的方法,以及对于返回的Json数据的使用。

     1 $.ajax({
     2      type:"post",
     3      async:false,
     4      url: ********
     5      data:{"province":$("#provice").val(),
     6                "city":$("#city").val(),
     7                "area":$("#area").val()     },
     8      dataType:"json",
     9      success:function(data){
    10                      //请求数据成功的回调函数
    11             }
    12      error:function(error){
    13                     //请求数据失败的回调函数
    14             }
    15 })

    一般的数据请求,这几个属性就够用了。下面来稍稍的介绍一下这几个属性:
    “type”  请求数据的方式为 post

    "async"  默认设置为true,即异步请求。设置为false时为同步请求

    “url”    处理请求的地址

    “data”   发送给服务器的数据。注意:冒号前为服务器认定的数据名,冒号后为要发送给服务器相应数据名的相应的值

    “dataType”   请求的数据类型为json

    OK,ajax请求基本上就是这样了。下面讲一下json数据的使用。

    1、形如 data=['电饭锅','冰箱','空调','电磁炉','电热水壶','电热毯']的json数据

        类似于数组。可直接用data[i]进行查询或遍历,例如data[2]=“空调”

    2、形如data=[{"id":1,"name":“张三”},{"id":2,"name":“李四”},{"id":3,"name":“王二”}]

        类似拥有属性的数组。通过data[i]得到某条数据,然后用 .name 获得相应的名字的值

        例如:data[1]={"id":2,"name":“李四”},

                 data[1].name=“李四”

    本文完。

    欢迎大家指正!

  • 相关阅读:
    Vue开发之vue-router的基本使用
    react监听URL的正确方式
    Electron Windows增加托盘悬浮框功能
    vue自定义标签和单页面多路由实现
    如何通过带有Vue插槽的组件传递HTML内容
    Flutter使用JsBridge方式处理Webview与H5通信
    npm实用知识_命令合集
    <keep-alive> 缓存及其缓存优化原理
    深入学习和理解 Redux
    Centos7使用Yum安装高版本的LNMP
  • 原文地址:https://www.cnblogs.com/Hyacinth-Yuan/p/6715161.html
Copyright © 2011-2022 走看看