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 |
||||||||||||||||||||||||||||||||||||||||||||||||
接口功能 |
||||||||||||||||||||||||||||||||||||||||||||||||
获取发布的房屋房产信息列表 |
||||||||||||||||||||||||||||||||||||||||||||||||
请求参数 |
||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||
应答参数 |
||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||
接口应答样例 |
||||||||||||||||||||||||||||||||||||||||||||||||
成功: { respCode: "0000", respMsg: "成功" } 失败: { respCode: "9000", respMsg: "请求失败" } |
ajax再接触的更多相关文章
- 从MVC到Ajax再到前后端分离的思考
前言 一位小妹去面试前端,前端leader问了"什么是ajax?",答:"接收后台的数据,然后然后自己填充和渲染样式":一位小哥去面试后台,技术经理问了&quo ...
- js-jquery 中$.ajax -浅显接触
工作了将近2年,终于开始自己写ajax了!!!真紧张的! 当年培训时就没有学ajax,就让我们自己看看,我是那种主动学习的人吗?不是!!!所以搞不懂ajax!!!!! 在工作中,数据的绑定我们之前都是 ...
- 加载信息,先从数据库取出5条实现分页,鼠标向上滑动触发Ajax再加载5条,达到异步刷新,优化加载。。。
php数据库取数据 <?php include("conn1.php"); include('../function/functions.php'); $page=intva ...
- 三、jQuery--Ajax基础--Ajax全接触--jQuery中的AJAX
用jQuery实现Ajax jQuery.ajax([settings]) type:类型,“POST”或“GET”,默认为“GET” url:发送请求的地址 data:是一个对象,连同请求发送到服务 ...
- 三、jQuery--Ajax基础--Ajax全接触--Ajax在JS中的应用
Ajax的全称:Asynchronous JavaScript And XML(异步的 JavaScript 和 XML). Ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分 ...
- Ajax全接触
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML) 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不 ...
- 对Jquery中的ajax再封装,简化操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- Hibernate 再接触 悲观锁和乐观锁
为什么取1248 二进制 CRUD 移位效率高 在并发和效率选择一个平衡点 一般不会考虑幻读 因为我们不会再一个事务里查询两次,(只能设置为seralizable) 悲观锁和乐观锁的前提是read-u ...
- Hibernate 再接触 一级缓存 二级缓存 查询缓存
缓存 就是把本来应该放在硬盘里的东西放在内存里 将来存内存里读 一级缓存: session缓存 二级缓存: sessionFactory级别的 (适合经常访问,数据量有限,改动不大) 很多的se ...
随机推荐
- php获取 本月 本周 或者 下月 下周的 开始时间 结束时间
<?php $now_time = time(); $date=date("Y-m-d",$now_time); function get_date($date,$t='d' ...
- pip安装使用详解
pip类似RedHat里面的yum,安装Python包非常方便.本节详细介绍pip的安装.以及使用方法. 1.pip下载安装 1.1 pip下载 1 # wget "https://py ...
- CentOS6.6系统源代码安装mysql5.5.28教程(附源码包下载地址)+sysbench的安装
mysql从5.5版本开始,不再使用./configure编译,而是使用cmake编译器,具体的cmake编译参数可以参考mysql官网文档(※ 非常重要) http://dev.mysql.com/ ...
- 11个让你吃惊的 Linux 终端命令
原文:http://linux.about.com/od/commands/tp/11-Linux-Terminal-Commands-That-Will-Rock-Your-World.htm 作者 ...
- uTenux\AT91SAM3S4C开发套件———硬件电路介绍
无论写什么嵌入式软件,我们都应该首先对硬件有所了解,这样更有助于我们写出高效精简的程序代码.本次活动我们使用的硬件平台是有悠龙公司提供的uTenux\AT91SAM3S4C开发套件,在悠龙公司的主页可 ...
- ProgressBar 的使用
ProgressBar 的使用方法 转载:http://blog.csdn.net/mad1989/article/details/38042875
- Cheatsheet: 2015 03.01 ~ 03.31
Web The Architecture of Algolia's Distributed Search Network No promises: asynchronous JavaScript wi ...
- ABAP DESCRIBE语句
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- [SAP ABAP开发技术总结]预定义(内置)数据类型
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- Fiddler中session的请求/响应类型与图标对照表