已经封装好了一个 API:/api/getschoolcardmonery/:id
比如访问 localhost:3000/api/getschoolcardmonery/10000 会返回一个 json :
{ "schoolCard_Id": 10000, "leftMenory": 8979 }
前端定义了一个<input>和<button>
怎么写 ajax ,点击 button 查询 input 输入的 id 的 leftMenory 的值。
1
zhaohui318 2016-10-05 20:06:00 +08:00
|
2
shiji 2016-10-05 20:31:38 +08:00
$('#input 的 HTML 元素 id').click(function (){
随便起个名字(); }); function 刚才起的那个名字(){ $.ajax({ type: "GET", url: "/api/getschoolcardmonery/10000", success: function (data) { alert(data['leftMenory']); }, error: function () { alert("出了点什么错误"); } }); } 大概是这样,不知道排版会不会乱 |
4
raighne OP @shiji 这个 url 是需要变化的 需要根据我 input 里输入的查询 id 返回不同的值的
比如我要查询的 id 是 1000 ,就请求 /api/getschoolcardmonery/10000 如果想查询 11111 ,就请求 /api/getschoolcardmonery/11111 |
5
shiji 2016-10-05 20:47:49 +08:00
@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("出了点什么错误"); } }); } |
6
stillwaiting 2016-10-05 20:49:58 +08:00
@shiji 好有耐心 -_-,本来想吐槽 lz 的
|
7
raighne OP |
8
majinjing3 2016-10-05 20:53:55 +08:00 via Android
@shiji 好评?
|
9
majinjing3 2016-10-05 20:54:09 +08:00 via Android
@shiji 好评!
|
12
shiji 2016-10-05 21:11:03 +08:00
@raighne 这个有可能是你的 Ajax 没有返回正确的 header , 你检查一下 ajax 的请求 header 里面有没有这一句:
Content-Type: application/json |
13
shiji 2016-10-05 21:35:52 +08:00 1
@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 |
15
precisi0nux 2016-10-06 06:52:18 +08:00 via iPhone
leftMoney ?你是想说 balance 吗?
|
16
shuson 2016-10-06 09:41:08 +08:00
leftmoney ,这命名让人陶醉。
balance 除了平衡,生活中更常用作“余额” |
18
raighne OP |