码迷,mamicode.com
首页 > Web开发 > 详细

ajax再接触

时间:2015-04-21 20:10:44      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

贴三个目前写的已经工作了的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: "请求失败"

}

 

ajax再接触

标签:

原文地址:http://www.cnblogs.com/xisitan/p/4445010.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!