Ajax学习

索引。jsp页面

& lt; % @页面语言=癹ava”contentType=" text/html;charset=utf - 8”
,,,pageEncoding=" utf - 8 " %在
& lt; !DOCTYPE html公共”——//W3C html 4.01过渡//EN//DTD”“http://www.w3.org/TR/html4/loose.dtd”在
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;charset=utf - 8”在
& lt; title>插入标题here

& lt; !,
1。获取当前页面的所有的一节点,并为每一个一节点都添加onclick响应函数,同时取消其默认行为
2。准备发送Ajax请求:url(节点的href属性值),arg游戏时间戳
3。响应为一个JSON对象,包括:bookName totalBookNumber totalMoney
4。把对应的属性添加到对应的位置

,——在
, & lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/$ {pageContext.request.contextPath}/脚本/jquery.js”祝辞& lt;/script>
, & lt;脚本type=" text/javascript在
, $(函数(){
,,,var isHasCart=" $ {sessionScope。sc==null}”;
,,,如果(isHasCart==" true ") {
,,,,,$(" #地位”)hide ();
,,,其他}{
,,,,,$(" #地位”),告诉();
,,,,,//这里的sc是ShoppingCart的对象他会去调用sc。属性对应的得到方法
,,,,,$ (" # bookName ")。text (" $ {sessionScope.sc.bookName} ");
,,,,,$ (" # totalNumber ")。text (" $ {sessionScope.sc.totalNumber} ");
,,,,,$ (" # totalMoney ")。text (" $ {sessionScope.sc.totalMoney} ");
,,,}
,,,
,,,$ (“a”) .click(函数(){
,,,,,//显示指定的选择器
,,,,,美元(“#”),告诉();
,,,,,var url=this.href;
,,,,,var args={“时间”:新日期()};
,,,,美元。getJSON (url参数、功能(数据){
,,,,,,,$ (" # bookName ")。text (data.bookName);
,,,,,,,$ (" # totalNumber ")。text (data.totalNumber);
,,,,,,,$ (" # totalMoney ")。text (data.totalMoney);
,,,,,});
,,,,,返回false。
,,,});
,});
,
, & lt;/script>
,
& lt;/head>
& lt; body>

,,,& lt; div id="地位"在
,,,,,您已经将,,& lt;跨度id=癰ookName”祝辞& lt;/span>,,
,,,,,加入到购物车,购物车中的书有及,& lt;跨度id=皌otalNumber”祝辞& lt;/span>,,本,
,,,,,总价格,,& lt;跨度id=皌otalMoney”祝辞& lt;/span>,,元。
,,,,,& lt; br> & lt; br>
,,,& lt;/div>
,,Java,,,,,,,https://www.yisu.com/zixun/& lt; a href=" $ {pageContext.request.contextPath}/addToCart ? id=Java&price=150”在加入购物车& lt;/a>,,,
,,& lt; br> & lt; br>
,,,
,,甲骨文,,https://www.yisu.com/zixun/& lt; a href=" $ {pageContext.request.contextPath}/addToCart ? id=Oracle&price=200”在加入购物车& lt;/a>,,,
,,& lt; br> & lt; br>
,,,
,,Struts2,,https://www.yisu.com/zixun/& lt; a href=" $ {pageContext.request.contextPath}/addToCart ? id=Struts2&price=100”在加入购物车& lt;/a>,,,
,,& lt; br> & lt; br>
,,,
& lt;/body>
& lt;/html>