做一个余额查询的 ajax 请教

2016 年 10 月 5 日
 raighne

已经封装好了一个 API:/api/getschoolcardmonery/:id

比如访问 localhost:3000/api/getschoolcardmonery/10000 会返回一个 json :

{ "schoolCard_Id": 10000, "leftMenory": 8979 }

前端定义了一个<input>和<button>

怎么写 ajax ,点击 button 查询 input 输入的 id 的 leftMenory 的值。

3363 次点击
所在节点    JavaScript
19 条回复
bqbkbz
2016 年 10 月 5 日
http://www.w3schools.com/jquery/ajax_getjson.asp

使用 jQuery getJSON() 方法,里面有例子
shiji
2016 年 10 月 5 日
$('#input 的 HTML 元素 id').click(function (){
随便起个名字();
});
function 刚才起的那个名字(){
$.ajax({
type: "GET",
url: "/api/getschoolcardmonery/10000",
success: function (data) {
alert(data['leftMenory']);
}, error: function () {
alert("出了点什么错误");
}
});

}
大概是这样,不知道排版会不会乱
shiji
2016 年 10 月 5 日
@shiji 擦 写错了,第一个是查询按钮的 id
raighne
2016 年 10 月 5 日
@shiji 这个 url 是需要变化的 需要根据我 input 里输入的查询 id 返回不同的值的

比如我要查询的 id 是 1000 ,就请求 /api/getschoolcardmonery/10000
如果想查询 11111 ,就请求 /api/getschoolcardmonery/11111
shiji
2016 年 10 月 5 日
@raighne
那就文本拼接啊
function 刚才起的那个名字(){
var cardID = $('#学生卡号 input 的 html 元素 ID').val().trim();
$.ajax({
type: "GET",
url: "/api/getschoolcardmonery/"+ cardID,
success: function (data) {
alert(data['leftMenory']);
}, error: function () {
alert("出了点什么错误");
}
});

}
stillwaiting
2016 年 10 月 5 日
@shiji 好有耐心 -_-,本来想吐槽 lz 的
raighne
2016 年 10 月 5 日
@stillwaiting
@shiji 多谢多谢,新学 JavaScript ,多谢指导
majinjing3
2016 年 10 月 5 日
@shiji 好评?
majinjing3
2016 年 10 月 5 日
@shiji 好评!
raighne
2016 年 10 月 5 日
@shiji alert 出来是 undefined
raighne
2016 年 10 月 5 日
@shiji 换成 data.leftMonery
shiji
2016 年 10 月 5 日
@raighne 这个有可能是你的 Ajax 没有返回正确的 header , 你检查一下 ajax 的请求 header 里面有没有这一句:
Content-Type: application/json
shiji
2016 年 10 月 5 日
aaronlam
2016 年 10 月 5 日
@shiji 这耐心,就是想赞一个!
precisi0nux
2016 年 10 月 6 日
leftMoney ?你是想说 balance 吗?
shuson
2016 年 10 月 6 日
leftmoney ,这命名让人陶醉。
balance 除了平衡,生活中更常用作“余额”
xbdsky
2016 年 10 月 6 日
@shuson 没用中文命名就不错了
raighne
2016 年 10 月 6 日
@precisi0nux
@shuson
@xbdsky 感谢提醒
raighne
2016 年 10 月 6 日
@shiji 多谢耐心指导,确实是 Ajax 没有返回正确的 header

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/310713

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX