jquery - 使用jquery ajax发送null的链接提交

Question

我正在使用ajax jquery提交一个链接点击喜欢的数据应该被提交并插入喜欢它会显示不喜欢

我面临以下问题

1）提交后进入下一页（不应该进入下一页）

2）它正在发送空数据

我在 jquery 中使用以下代码

<a href="likeit" id="likeitlink">Like it</a>
var dataString = 'elementId='+ '123'+ '&elementType=' + 'games' +
     '&likedBy=' + 'abc';
 $(document).ready(function(){ 
     $('a#likeit').bind('click',function(event){
         event.preventDefault();
         $.ajax({   
             type: "POST",   
             url: "likeit", 
             dataType: "text json",
             data: dataString,   
             success: function() {   
                 $('#likeitlink').html("dislike");   
             }   
         }); 
     }); 
 });

在struts动作类中

public class LikeIt extends ActionSupport {


private String elementId;
private String elementType;
private String likedBy;

public String like() {
        System.out.println(getElementId() + ", " + getElementType() + ","
                + getLikedBy());

        return SUCCESS;
 }

}

在肌动蛋白中，它显示所有值 null

Answer 1

尝试使用以下

<a href="#" id="likeitlink">Like it</a>
    var dataString = 'elementId='+ '123'+ '&elementType=' + 'games' +
         '&likedBy=' + 'abc';
     $(document).ready(function(){ 
         $('#likeitlink').bind('click',function(event){
             event.preventDefault();
             $.ajax({   
                 type: "POST",   
                 url: "likeit", 
                 dataType: "json",
                 data: dataString,   
                 success: function() {   
                     $('#likeitlink').html("dislike");   
                 }   
             }); 
         }); 
     });