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 ...
随机推荐
- js的Prototype属性 解释及常用方法
函数:原型 每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译,使用其原文).这个属性非常有用:为一个特定类声明通用的变量或者函数. prototype的定义 你不需要显式地声明一 ...
- Linux的启动过程
Linux的启动过程,也就是Linux的引导流程,这部分主要是理论知识. Linux的开机启动过程 1.1第一步--加载BIOS 当你打开计算机电源,计算机会首先加载BIOS信息,BIOS信息是如此的 ...
- The Pilots Brothers' refrigerator
2965 he Pilots Brothers' refrigerator Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 1 ...
- MySQL做练习时总结的一些知识点
MySQL做练习时总结的一些知识点 0:mysql有三种注释方法 上午插入记录的时候一直没有成功,郁闷不知道为什么.因为是很多条记录一起插入,中间一些不用的数据就用"--" ...
- DevExpress所有的窗体,使用同一款皮肤
https://www.devexpress.com/Support/Center/Question/Details/K18516 To accomplish your task, please ex ...
- SQL Server小技巧【1】
1.SQL防止修改数据时引起多用户并发,当一条数据被一个用户锁定的时候其他用户将无法修改,除非将其释放. UPDATE TABLENAME WITH(ROWLOCK) SET 字段='Value' W ...
- FZU 2218 Simple String Problem(简单字符串问题)
Description 题目描述 Recently, you have found your interest in string theory. Here is an interesting que ...
- SQL——存储过程实例 调用带参数的过程(成绩输出)
create or replace procedure test_score(input in number,output out char) is begin then begin output : ...
- python_way ,day2 字符串,列表,字典,时间模块
python_way ,day2 字符串,列表,字典,自学时间模块 1.input: 2.0 3.0 区别 2.0中 如果要要用户交互输入字符串: name=raw_input() 如果 name=i ...
- 对称加密DES和TripleDES
一. 对称加密 对称加密,是一种比较传统的加密方式,其加密运算.解密运算使用的是同样的密钥,信息的发送者和信息的接收者在进行信息的传输与处理时,必须共同持有该密码(称为对称密码).因此,通信双方都必 ...