做一个余额查询的 ajax 请教

[raighne]

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

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

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

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

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

[zhaohui318]

http://www.w3schools.com/jquery/ajax_getjson.asp

使用 jQuery getJSON() 方法，里面有例子

[shiji]

$('#input 的 HTML 元素 id').click(function (){
随便起个名字();
});
function 刚才起的那个名字(){
$.ajax({
type: "GET",
url: "/api/getschoolcardmonery/10000",
success: function (data) {
alert(data['leftMenory']);
}, error: function () {
alert("出了点什么错误");
}
});

}
大概是这样，不知道排版会不会乱

[shiji]

@shiji 擦 写错了，第一个是查询按钮的 id

[raighne]

@shiji 这个 url 是需要变化的 需要根据我 input 里输入的查询 id 返回不同的值的

比如我要查询的 id 是 1000 ，就请求 /api/getschoolcardmonery/10000
如果想查询 11111 ，就请求 /api/getschoolcardmonery/11111

[shiji]

@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]

@shiji 好有耐心 -_-，本来想吐槽 lz 的

[raighne]

@stillwaiting
@shiji 多谢多谢，新学 JavaScript ，多谢指导

[majinjing3]

@shiji 好评？

[majinjing3]

@shiji 好评！

[raighne]

@shiji alert 出来是 undefined

[raighne]

@shiji 换成 data.leftMonery

[shiji]

@raighne 这个有可能是你的 Ajax 没有返回正确的 header ， 你检查一下 ajax 的请求 header 里面有没有这一句：
Content-Type: application/json

[shiji]

@raighne 当我上一句没说. 大部分时候 data.leftMonery 和 data['leftMenory']应该是一样的，我也不知道为啥你那里不能用 data['leftMenory']。
参看：
http://stackoverflow.com/questions/17189642/difference-between-using-bracket-and-dot-notation
http://stackoverflow.com/questions/4968406/javascript-property-access-dot-notation-vs-brackets
https://medium.com/@prufrock123/js-dot-notation-vs-bracket-notation-797c4e34f01d#.h71d5ncpn

[aaronlam]

@shiji 这耐心，就是想赞一个！

[precisi0nux]

leftMoney ？你是想说 balance 吗？

[shuson]

leftmoney ，这命名让人陶醉。
balance 除了平衡，生活中更常用作“余额”

[xbdsky]

@shuson 没用中文命名就不错了

[raighne]

@precisi0nux
@shuson
@xbdsky 感谢提醒

[raighne]

@shiji 多谢耐心指导，确实是 Ajax 没有返回正确的 header