前端开发中Ajax实例问题

前端开发中ajax实例|前端开发js|web前端开发

推荐大家使用jquery Ajax,比较方便,需要实现的函数写在success函数中即可
html 代码

var configObj = {
method //数据的提交方式:get和post
url //数据的提交路劲
async //是否支持异步刷新,默认是true
data //需要提交的数据
dataType //服务器返回数据的类型,例如xml,String,Json等
success //请求成功后的回调函数
error //请求失败后的回调函数
}

示例:html 代码

$.ajax({
type: “POST”, //提交方式
url: ” “, //路径
data: {
username: name,
password: pass
},//数据,这里使用的是Json格式进行传输
success:function(result){//返回数据根据结果进行相应的处理
if (result.success) {}else{}
}
});

注意传输数据data中,参数后面都是以逗号“,”结尾,不以分号结尾,最后一个参数后面没有符号。如果符号不规范也会报错。

如果在调试中若总是出现各种各样的问题:
1.检查本地服务器是否开启并且代码是否放在其根目录下。
2.检查url是否正确;
3.将返回的地址删掉callback等多余部分,查看是否有数据传出,用来检查是否为接口的问题;
4.尝试把要传的数据跟在请求地址的后面。

特别需要注意接口url中是否有空格,在写url时一般都是用 ‘ url ’引号引起来,在复制接口的地址时,很容易在引号与第一个字符或最后一个字符之间有一个空格,不调试是很难发现问题所在的。

前端开发中ajax实例|前端开发js|前端开发者

https://www.rokub.com

赞(0)
前端开发者 » 前端开发中Ajax实例问题
64K

评论 抢沙发

评论前必须登录!