• ajax再接触


    贴三个目前写的已经工作了的ajax,并且给出备注:

    1.这是第一个ajax以及它的接口文档,需要注意的是1.因为返回数据是xml所以多加了contentType:"application/xml"和dataType:"xml"两句;2.xml请求参数比较奇怪(data:后面跟的),详见接口文档里的请求样例;3.当我给这段代码的末尾加分号(;)的时候,console不出来获取的数据了,非常奇怪,但它是一个值得注意的问题。

        $.ajax({
            type:"post",
            url:"http://124.205.75.214:8010/Cater/app/proxyApp.action?model=1&uri=saveStoreAppraise",
            data:"<body><customerId>6156337</customerId><storeId>020115</storeId><service>2</service><taste>2</taste><environment>3</environment><content>333</content></body>",
            contentType:"application/xml",
            dataType:"xml",
            success:function(data){
                console.log(data);
            },
            error:function(){
                console.log(data);
                }
    
        })

    接口地址:saveStoreAppraise

    请求方式:post

    功能说明:保存门店评价

    接口说明:无

    请求参数:

    序号

    参数名称

    参数类型

    是否必须

    MIN(长度)

    MAX(长度)

    说明

    1

    customerId

    String

    O

    32

    用户Id(可为空)

    2

    storeId

    String

    M

    1

    32

    门店Id

    3

    service

    String

    M

    1

    1

    服务评价(取值:1到5)

    4

    taste

    String

    M

    1

    1

    口味评价(取值:1到5)

    5

    environment

    String

    M

    1

    1

    环境评价(取值:1到5)

    6

    content

    String

    M

    1

    256

    评价内容

    返回参数:

    1

    returncode

    String

    0返回成功,其他失败

    2

    returnmsg

    String

    返回信息

    请求样例:

    <body>

    <customerId>6156337</customerId>

    <storeId>020115</storeId>

    <service>2</service>

    <taste>2</taste>

    <environment>3</environment>

    <content>333</content>

    </body>

    返回样例:

    获得信息成功:

    <body>

      <reponseresult>

        <returncode>0</returncode>

        <returnmsg>success</returnmsg>

      </reponseresult>

    </body>

    2.第二个ajax和它的接口文档,和1一样只是写出来为了多一些样例

     $.ajax({
            type:"post",
            url:"http://124.205.75.214:8010/Cater/app/proxyApp.action?model=1&uri=newqueryStoreInfo",
            data:"<body><storeid>020115</storeid></body>",
            //""
            contentType:"application/xml",
            dataType: "xml",
            success:function(data){
            console.log(data);
        },
            error:function(data){
                console.log("x"+data);
            }
    
        })

    4.14 门店详情

    接口地址: newqueryStoreInfo

    请求方式:post

    功能说明: 

    接口说明:无

    请求参数:

    序号

    参数名称

    参数类型

    是否必须

    MIN(长度)

    MAX(长度)

    说明

    1

    storeid

    String

    M

    1

    19

    门店ID

    返回参数:

    1

    returncode

    String

    M

    0成功,其它失败

    2

    returnmsg

    String

    M

    返回结果说明

    3

    ifArranging

    4

    storeid

    门店ID

    5

    storename

    门店名称

    6

    storeaddress

    门店地址

    7

    storetele

    门店电话

    8

    transdescription

    路线

    9

    storedescription

    门店描述

    10

    freeservices

    免费服务

    11

    score

    门店评分

    12

    imgurl

    图片地址

    13

    coordinate

    门店坐标

    14

    alowseating

    是否可以订座(0:不可以;1:可以)

    15

    alowdelivery

    是否可以外送(0:不可以;1:可以)

    16

    isforeign

    是否国外门店(0:否;1:是)

    17

    service

    服务评价

    18

    taste

    口味评价

    19

    environment

    环境评价

    20

    countTotal

    评价总数

    请求成功样例:

      请求报头:

    <body><storeid>020115</storeid></body>

     返回结果:

    <body>

      <reponseresult>

        <returncode>0</returncode>

        <returnmsg>success</returnmsg>

      </reponseresult>

      <ifArranging>1</ifArranging>

      <storeid>020115</storeid>

      <storename>王府井店</storename>

      <storeaddress>北京市东城区王府井大街88号乐天银泰百货8层 </storeaddress>

      <storetele>01057620153,01057620741</storetele>

      <transdescription>420、103、104、104快,在王府井东口下、20、37、802、803。地铁路线:地铁5号线,出C口后左拐直走400米左右,在乐天银泰百货8楼。地铁1号线,出B口后向右转至步行街直走约300米左右,抵达乐天银泰百货8楼。</transdescription>

      <storedescription>海底捞王府井店位于北京市最繁华的王府井步行街北侧乐天银泰百货8层,周边商户组合多元化,高消费品、时装、娱乐以及餐饮等包罗万象。目前是海底捞所有门店中最智能化的餐厅,其中智真包间可以实现和上海海底捞千里共餐桌的就餐体验,给客人有天涯若比邻的就餐感受,南邻著名的新东安市场,北邻王府井天主大教堂,地理位置优越,大厦地下2-3层为大型停车场,停车方便、快捷。</storedescription>

      <freeservices></freeservices>

      <score>5</score>

      <imageList>

        <image>

          <imgurl>http://114.247.120.164:8010/Cater/upload/store/20115.jpg</imgurl>

        </image>

      </imageList>

      <coordinate>116.417951,39.92221</coordinate>

      <alowseating>1</alowseating>

      <alowdelivery>1</alowdelivery>

      <isforeign>0</isforeign>

      <service>2</service>

      <taste>2</taste>

      <environment>2.667</environment>

      <countTotal>3</countTotal>

    </body>

    3.最早的一个ajax,也是比较复杂的一个(这个获取的是json文件,接口文档中没有给出接口请求样例)

    jQuery.ajax({
            type: "POST",
            url: "http://54.223.174.57/eliveapi/house/getHouseInfoList.json",
            data: {
                lng: lng,
            lat: lat,
            monthRent: monthRent,
            isSort: isSort,
            pageSize: pageSize,
            page: page
            },
            dataType: "json",//此处格式一定要正确
            timeout: 10000,
            context: null,
            success: function (date) {
                console.log(date);
                //alert(".....");
                $("#houseInfoList").html("");
                var houseInfoList = date.houseList;
                for(var i=0;i<houseInfoList.length;i++){
                    var communityName= date.houseList[i].communityName;
                    var imgUrl= date.houseList[i].imgUrl;
                    var monthRent= date.houseList[i].monthRent;
                    var houseType= date.houseList[i].houseType;
                    var houseArea= date.houseList[i].houseArea;
                    var houseToward= date.houseList[i].houseToward;
                    var houseTitle= date.houseList[i].houseTitle;
                    var houseId= date.houseList[i].houseId;
    
                    var houseInfoListHtml = "<div class='nav-body-pro'>";
                    houseInfoListHtml+="<div class='nav-body-pic'><a href='rental_information.html?houseId="+houseId+"'><img src='"+ imgUrl +"' alt='"+ houseTitle +"' /></a></div>";
                    houseInfoListHtml+="<div class='nav-body-ph'>";
                    houseInfoListHtml+="<p class='nav-body-ph1'><a href='rental_information.html?houseId="+houseId+"'>"+ houseTitle +"</a></p>";
                    houseInfoListHtml+="<p class='nav-body-ph2 pph1'><a href='rental_information.html?houseId="+houseId+"'>"+ houseType +"</a></p>";
                    houseInfoListHtml+="<p class='nav-body-ph2 pph2'><a href='rental_information.html?houseId="+houseId+"'>"+ houseToward +"</a></p>";
                    houseInfoListHtml+="<p class='nav-body-ph3'><a href='rental_information.html?houseId="+houseId+"'>"+ monthRent +"</a></p>";
                    houseInfoListHtml+="</div></div>";
                    $("#houseInfoList").append(houseInfoListHtml);
                }
            },
            error: function (b, a) {
                alert("xxx");
                //console.log(b);
            }
        })
    }

    接口地址

    house/getHouseInfoList.json

    接口功能

    获取发布的房屋房产信息列表

    请求参数

    参数名

    类型

    说明

    lng

    String|O

    经度

    lat

    String|O

    维度

    monthRent

    String|O

    月租

    isSort

    boolean|O

    是否排序

    pageSize

    int|M

    每页记录数

    page

    int|M

    第几页

    应答参数

    参数名

    类型

    说明

     respCode

    String|M

    返回码

    respMsg

    String|M

    返回描述信息

    houseInfoList

    List|M

    房屋信息列表

    houseId

    String|M

    房屋房产id

    houseTitle

    String|M

    发布房屋消息

    houseContent

    String|M

    发布房屋内容

    houseType

    String|M

    户型

    monthRent

    double|O

    月租(出租)

    downPayment

    double|O

    首付(出售)

    monthPayment

    double|O

    月供(出售)

    houseAround

    String|M

    房产周边(标签)

    houseArea

    String|M

    面积

    houseToward

    String|M

    朝向

    communityName

    String|M

    小区名称

    imgUrl

    String|M

    图片地址

    接口应答样例

    成功:

    {

    respCode: "0000",

    respMsg: "成功"

    }

    失败:

    {

    respCode: "9000",

    respMsg: "请求失败"

    }

  • 相关阅读:
    通过PHP类的反射来实现依赖注入
    hyperf 基础篇
    composer install 遇到 lock 文件 warning
    laravel carbon 怎么计算两个时间的差?
    laravel 属性类型转换$casts
    Java Web安全之代码审计
    【代码审计】————2、aspx代码审计-2
    【代码审计】————1、aspx代码审计-1
    【逻辑漏洞技巧拓展】————9、业务逻辑漏洞探索之上传漏洞
    【逻辑漏洞技巧拓展】————8、业务逻辑漏洞探索之敏感信息泄露
  • 原文地址:https://www.cnblogs.com/xisitan/p/4445010.html
Copyright © 2020-2023  润新知