博客

Struts！Ajax实现执行action不跳转页面，同时还有容易错的一个漏洞

这是J2EE小白在做购物车时发现的问题，由于没接触过ajax也是一顿搜

先贴代码如下：

function addcart(){
     var userAccount = "<s:property value='#session.userAccount'/>";
     var tradeName = $('#tradename').text();//取标题文本内容，也可用html()
     var price = "<s:property value='#session.article.price'/>";
     var count1 = $('#count1').val();//取id为count1的value
     //get方法传递数据到链接，并弹出框框
     $.get("addShopTro?userAccount="+userAccount+"&tradeName="+tradeName+"&price="+price+"&count1="+count1,function(data,status){ 
    tips(1,10);
	showBox();
	});
     return false; 
     }

代码里也是做了很多注释也能看出我的小白程度了哈。

核心就是下面$.get这个方法，简化就是

$.get("action名？变量名1=值1&变量名2=值二&...",function(data,status)){});return false;

date和status就是回调函数返回的数据，可以用alert(data)显示出来

不要忘记后面的return false

丢掉它还是会跳转的。

var tradeName = "<s:property value='#session.article.tradeName' />"

在我第一版本的代码里做完这些我发现tradeName显示的是%21541这样的东西，这本来应该是显示商品的名字，却被转义了。这时可以从页面表签取，像我的是

var tradeName = $('#tradename').text();

<h1 id="tradename">宝宝乐</h1>

问题虽小，仍需注意，继续挖掘！