ajax再接触 / 憋错料

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: "请求失败"

}

时间： 2024-10-07 06:01:49

ajax再接触的相关文章

ajax全接触

Ajax 全接触概念介绍异步: 指某段程序执行时不会阻塞其他程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写程序,相反则为同步.其优势在于不阻塞程序的执行,从而提升整体执行效率. 实现异步的大致流程: 运用HTML和CSS来实现页面,表达信息运用XMLHttpRequest和web服务器进行数据的异步交换运用JavaScript操作DOM,实现动态局部刷新. http:使计算机通过网络进行通信的规则. 是一种无状态的协议.也就是不建立持久的链接. http请求的过程: 建立TC

AJAX初次接触

AJAX:即Asynchronous JavaScript and XML,异步JavaScript和XML. 优点1.ajax使用js语言与服务器进行异步交互.即js向服务器发送一个请求后,不需要等到服务器响应,可以继续多次发送请求:而同步交互的话,需要等到服务器响应结束才可以发送第二个请求. 优点2.ajax最大特点就是浏览器页面局部刷新.在之前,每当用户向服务器端发送请求时,哪怕需要的只是简单的更新一点内容,服务器都会进行页面整体刷新,并重新生成代码,这会加重服务器端压力以及程序性能的降低

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

php数据库取数据 <?php include("conn1.php"); include('../function/functions.php'); $page=intval($_GET['page']); $page=$page==0?1:$page; $page_size=5; $limit = (($page - 1) * $page_size) . "," . $page_size; $sql="select *from v9_news w

Python再接触

编码之间的转换 unicode 编码成 utf-8 utf-8 解码成 unicode unicode 编码成 gdk gdk 解码成 unicode .decode() //编码 .encode() //解码例子: a = "dyq" a_unicod = a.encode('utf-8') # a = "dyq" 解码成 unicod a_gdk = a_unicod.decode('gdk') # a_gdk 编码成 gdk print() 字符编码之间的转

Hibernate 再接触核心开发接口

1.可以重载方法进行配置文件的指定 sessionFactory = new AnnotationConfiguration().configure("hibernate.xml").buildSessionFactory(); 这样读取到的就是hibernate.xml 但一般不建议修改 getcurrentsession 指的是上下文如果没有提交就不会创建新的session opensession 永远打开新的session 用于鉴定事务边界比如加入日志操作等事务:要么同时完

Hibernate 再接触 CRUD

1.save 一对多双向 package com.bjsxt.hibernate; import java.util.HashSet; import java.util.Set; import javax.persistence.CascadeType; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.Id; import javax.persis

Hibernate 再接触悲观锁和乐观锁

为什么取1248 二进制 CRUD 移位效率高在并发和效率选择一个平衡点一般不会考虑幻读因为我们不会再一个事务里查询两次,(只能设置为seralizable) 悲观锁和乐观锁的前提是read-uncommitted 在数据库中默认是repeatable read 悲观锁是想着总有人要更改所以使用数据库的锁乐观锁是在程序级别的设置一个版本号如果前后不一致就进行自己的操作例子悲观所 Acocount package com.bjsxt.hibernate; import java

Ajax全接触（2）

例子简介 1.查询员工信息,可以通过输入员工编号查询员工基本信息: 2.新建员工信息,包含员工姓名,员工编号,员工性别,员工职位: 实现: 1.纯html页面,用来实现员工查询和新建的页面: 2.php页面,用来实现查询员工和新建员工的后台接口 PHP简介 PHP是一种创建动态交互性站点的服务器端脚本语言 PHP能够生成动态页面内容 PHP能够创建.打开.读取.写入.删除以及关闭服务器上的文件 PHP能够接收表单数据 PHP能够发送并取回cookies PHP能够添加.删除.修改数据库中的数据

Hibernate 再接触基础配置续

<property name="show_sql">true</property> 这句话是意思显示sql语句 <property name="format_sql">true</property> 格式化输出sql语句当类与表名不一致时在属性前面加注解 @Table(name="_teacher") Xml 则是指定table属性不加注释的话相当于加@Basic 属性名和字段名不一致