用jquery的ajax,前后后台应该如何写

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jquery的ajax,前后后台应该如何写相关的知识,希望对你有一定的参考价值。

用的S2SH,谁能帮我写个例子,感激不尽

前台:

jQuery.ajax( 
type : 'POST',
url : '/cloud-web/getMember.htm',
cache: false,
data : "groupId": groupid,
dataType : 'json',
success : function(data) 
//成功后回调回来所执行的代码
        error: function(data)
        
);

后台:

@RequestMapping(value = "/getMember")
    @ResponseBody
    public List<TUserInfo> getMember(HttpServletRequest request, HttpServletResponse response, HttpSession session) 
        String groupId = request.getParameter("groupId");
        Object user = session.getAttribute(USER_ID);
        if (null != user) 
            if (groupId != null && groupId.length() != 0) 
                return chatService.getUserByGroupid(Integer.parseInt(groupId));
             else 
                return null;
            
         else 
            return null;
        
    

这里面当然还有很多地方需要配置,这个是一个简单的例子,我直接贴给你,后台用的是spring

参考技术A <%--预警规则添加处理begin--%>
  function addRule() 
//指标
var iid = $("#showIndicator").combobox("getValue");
//周期
var aid = $("#showPeriod").combobox("getValue");
//描述
var ds = $("#showRuleDesc").val();
$.ajax(
type : "POST",
url : "addRule.action",// 请求的url
data : 
"indicatorId" : iid,
"alarmPeroidsTypeId" : aid,
"ruleDesc" : ds
,
dataType : "json",
success : function() 
$.messager.alert("提示","保存成功!");
$("#addRuleDiv").dialog("close");
,
error : function() 
alert("错误!");

);

  
  <%--预警规则添加处理end--%>

    /**
     * 添加预警信息
     * @see [类、类#方法、类#成员]
     */
    public void addRule()
    
        AlarmRules rule = new AlarmRules();
        long num = System.currentTimeMillis();
        ruleId = "R" + num;
        rule.setAlarmRuleId(ruleId);
        rule.setAlarmPeriodsTypeId(alarmPeroidsTypeId);
        rule.setAlarmIndicatorId(indicatorId);
        rule.setAlarmRuleDesc(ruleDesc);

        //添加数据
        ruleConfigService.insertRules(rule);
    

追问

后台这看不懂

追答

你用了strust框架啊,action的形式就类似于一个JavaBean有私有变量和get,set方法,页面传参你可以直接获得,非常方便

    /*
     * 指标id
     */
    private String indicatorId;
    
    /*
     * 周期类型id
     */
    private String alarmPeroidsTypeId;
    
    /*
     * 规则描述
     */
    private String ruleDesc;
    
    public String getRuleDesc()
    
        return ruleDesc;
    
    public void setRuleDesc(String ruleDesc)
    
        this.ruleDesc = ruleDesc;
    
     public String getAlarmPeroidsTypeId()
    
        return alarmPeroidsTypeId;
    
    public void setAlarmPeroidsTypeId(String alarmPeroidsTypeId)
    
        this.alarmPeroidsTypeId = alarmPeroidsTypeId;
    
    public String getIndicatorId()
    
        return indicatorId;
    
    public void setIndicatorId(String indicatorId)
    
        this.indicatorId = indicatorId;
    

感觉你对框架好像不会用的样子啊...

参考技术B 人家后台没写全么,前台带的参数自动set到了类的属性里面,方法里直接拿来用了么...

ajax怎么获取后台的数据?

我的后台部分是用ajax写的,如果我想用ajax获取后台的数据,前后台应该怎么写呢?

参考技术A ajax获取后台数据的方法很多!在此给你讲两种:第一种通过Ajax异步请求进行实现!具体方法包括:$.get() $.psot() $.AJax(),关于这三种方法的用法,请楼主参考http://www.w3school.com.cn/jquery/ajax_get.asp或者http://www.w3school.com.cn/jquery/ajax_post.asp或者http://www.w3school.com.cn/jquery/ajax_ajax.asp当然:这些资料都是W3C提供的,可能解决不了你的问题!如果你有兴趣,可以百度HI我!或者加我为QQ好友!我详细给你讲解一下!除了上述这些方法以外,你还可以用程序集来实现!你可以从网上下载一个名为:AjaxPro.2.dll的程序集!添加对其的引用就行了!关于这个程序集的用法,还请楼主认真学习!因为如果你学会了这种方法,想必$.get() $.post() $.Ajax()这些方法你都不想用了!因为这个程序集用起来的确很方便!具体用法请参考:http://www.cnblogs.com/IsNull-Soft/articles/2437550.html 如果有其他疑问,请致电:one_eight_nine_one_one_three_five_five_zero_eight_seven

以上是关于用jquery的ajax,前后后台应该如何写的主要内容,如果未能解决你的问题,请参考以下文章

用jquery中的ajax进行前后台,后台的方法正常执行,在前台接收不到后台传递的数据

thinkphp 用jquery ajax前后台交互

ajax怎么获取后台的数据?

ajax实现页面不刷新前后台交互

用jquery $.ajax 请求后台老是url %5Bobject%20Object%5D而报404错误,为啥?

AJAX+REA实现前后台数据交互的加密解密