贴三个目前写的已经工作了的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再接触的更多相关文章

  1. 从MVC到Ajax再到前后端分离的思考

    前言 一位小妹去面试前端,前端leader问了"什么是ajax?",答:"接收后台的数据,然后然后自己填充和渲染样式":一位小哥去面试后台,技术经理问了&quo ...

  2. js-jquery 中$.ajax -浅显接触

    工作了将近2年,终于开始自己写ajax了!!!真紧张的! 当年培训时就没有学ajax,就让我们自己看看,我是那种主动学习的人吗?不是!!!所以搞不懂ajax!!!!! 在工作中,数据的绑定我们之前都是 ...

  3. 加载信息，先从数据库取出5条实现分页，鼠标向上滑动触发Ajax再加载5条，达到异步刷新，优化加载。。。

    php数据库取数据 <?php include("conn1.php"); include('../function/functions.php'); $page=intva ...

  4. 三、jQuery--Ajax基础--Ajax全接触--jQuery中的AJAX

    用jQuery实现Ajax jQuery.ajax([settings]) type:类型,“POST”或“GET”,默认为“GET” url:发送请求的地址 data:是一个对象,连同请求发送到服务 ...

  5. 三、jQuery--Ajax基础--Ajax全接触--Ajax在JS中的应用

    Ajax的全称:Asynchronous JavaScript And XML(异步的 JavaScript 和 XML). Ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分 ...

  6. Ajax全接触

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML) 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不 ...

  7. 对Jquery中的ajax再封装,简化操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. Hibernate 再接触 悲观锁和乐观锁

    为什么取1248 二进制 CRUD 移位效率高 在并发和效率选择一个平衡点 一般不会考虑幻读 因为我们不会再一个事务里查询两次,(只能设置为seralizable) 悲观锁和乐观锁的前提是read-u ...

  9. Hibernate 再接触 一级缓存 二级缓存 查询缓存

    缓存 就是把本来应该放在硬盘里的东西放在内存里  将来存内存里读 一级缓存: session缓存 二级缓存: sessionFactory级别的   (适合经常访问,数据量有限,改动不大) 很多的se ...

随机推荐

  1. HDU4686 Arc of Dream 矩阵快速幂

    Arc of Dream Time Limit: 2000/2000 MS (Java/Others)    Memory Limit: 65535/65535 K (Java/Others)Tota ...

  2. 高通APQ8074 spi 接口配置

    高通APQ8074 spi 接口配置 8074 平台含有两个BLSP(BAM Low-Speed Peripheral) , 每一个BLSP含有两个QUP, 每一个QUP可以被配置为I2C, SPI, ...

  3. 【转载】创建和使用动态链接库 (C++)

    原文:http://blog.csdn.net/handforcpp/article/details/3478254 也可参考MSDN: 演练:创建和使用动态链接库 (C++) 我们将创建的第一种类型 ...

  4. Java内存模型--JMM简介

    JMM:Java Memory Model(Java内存模型),围绕着在并发过程中如何处理可见性.原子性.有序性这三个特性而建立的模型. 可见性:JMM提供了volatile变量定义,final.sy ...

  5. spring加载hibernate映射文件的几种方式 (转)

    在Spring的applicationContext.xml中配置映射文件,通常是在<sessionFactory>这个 Bean实例中进行的,若配置的映射文件较少时,可以用session ...

  6. ARM处理器启动流程

    根据<<芯片手册>>查看相关内容: 1.启动方式 2.地址布局 3.启动流程

  7. SQL疑难杂症【3】链接服务器提示"无法启动分布式事物"

    今天接到用户反馈,应用系统出现异常,无法正常使用,于是用Profiler跟踪了一下语句,发现执行的存储过程中调用了链接服务器,做了一些跨服务器操作数据的动作,刚好就是这个链接服务器出错了,错误截图如下 ...

  8. XAF应用开发教程(四)应用程序模型

    XAF是重量型框架,确实够重量的,方方面面都做得规规矩矩. 如果看了前面三节,可能会认为,这N多的Attribute到底都是从哪里来的?到底有多少这样的Attribute?如果不够用了怎么办?等着官方 ...

  9. RTSP协议、RTMP协议、HTTP协议的区别

    理论上RTSP RTMPHTTP都可以做直播和点播,但一般做直播用RTSP RTMP,做点播用HTTP.做视频会议的时候原来用SIP协议,现在基本上被RTMP协议取代了. RTSP. RTMP.HTT ...

  10. 【转】Github 上传代码

    版权声明:欢迎转载(^ω^)~不过转载请注明原文出处:http://blog.csdn.net/catglory ლ(╹◡╹ლ) 写在前面: 弄了两小时终于搞定了,把经验整理下,方便我以后上传代码XD ...